@font-face {
  font-family: 'Centra No2';
  src: url('CentraNo2-Book.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Centra No2';
  src: url('CentraNo2-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Centra No2';
  src: url('CentraNo2-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}



body {
    background-color: #FFF;
    font-family: "Centra No2";
    padding: 0;
    margin: 0;
}

a {
  all: unset;
  display: inline; /* ou inline-block selon le besoin */
  cursor: pointer;
}


button {
    cursor: pointer;
}

header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    padding-left: 10%;
    padding-right: 10%;
    height: 5.625rem;
    flex-shrink: 0;
    max-width: 120rem;
    
    position: sticky;
    top: 0;
    z-index: 1000; /* s'assurer qu'il reste au-dessus du contenu */
    border-bottom: 0.0625rem solid #DCDCDC;

}

.burger {
    display: none;
}

.logo_texte_france {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 0.81rem;
}

.logo_texte_plages {
    color: #27AAE1;
    font-family: "Centra No2";
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.header_logo {
  display: flex;
  align-items: center;
}

nav {
    flex-grow: 1;
}


.header_button_login_register {
  display: flex;
  align-items: center;
}

header nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

header nav li{
    padding-left: 1rem;
}

header nav li a {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}

.button_login_register {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 11.75rem;
  height: 3rem;
  border-radius: 0.75rem;
  background-color: #1D92CD;
  border: none;
  cursor: pointer;
  padding: 0.5rem 1rem;
  transition: background-color 0.3s ease;
}

.button_login_register:hover {
  background-color: #187cb0;
}

.header_button_user_blanc_img {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}

.header_button_user_bleu_img {
    display: none;
}

.button_login_register span {
  color: #FFF;
  font-family: "Centra No2", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
}

.hero {
    min-height: 46.125rem;
    flex-shrink: 0;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 0rem;
}

.video-background {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 1;
  transform: translate(-50%, -50%);
  object-fit: cover;
  pointer-events: none;
}

.hero-text {
  position: relative;
  z-index: 2;
  text-align: center;
  /* Ajoutez un fond semi-transparent si nécessaire : */
  /* background-color: rgba(0, 0, 0, 0.4); */
}

.hero-text h1 {
    margin-left: auto;
    margin-right: auto;
    width: 53.75rem;
    color: #FFF;
    text-align: center;
    font-family: "Centra No2";
    font-size: 3.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.875rem; /* 100% */
    text-transform: capitalize;
    margin-top: 5.5rem;
    margin-bottom: 0rem;
}

.sous_titre_hero {
    margin-top: 1.19rem;
    margin-bottom: 0rem;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.filter-form {
    margin-top: 2.69rem;
    margin-bottom: 0rem;
    width: 79.1875rem;
    height: 4.4375rem;
    flex-shrink: 0;
    border-radius: 8px;
    background: #FFF;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    overflow: hidden;
}

.filter-form-mobile {
    display: none;
}

.filter-item {
  flex: 1;
  display: flex;
  align-items: center;
  border-right: 1px solid #eee;
}

.filter-item input[type="text"] {
    border: none;
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    padding-left: 2rem;
}



.filter-item select {
    border: none;
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.search-button {
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
    width: 5rem;
    height: 4.4375rem;
    flex-shrink: 0;
    background-color: #1D92CD;
}

.search-button .icon.search {
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    aspect-ratio: 1/1;
  background-image: url('../svg/search.svg'); /* à remplacer par ton SVG encodé */
  background-size: contain;
  background-repeat: no-repeat;
}

/* Placeholders pour les icônes */

.icon.region {
    width: 1.625rem;
    height: 1.625rem;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    background-image: url('../svg/region.svg');
    margin-left: 1.06rem;
    margin-right: 0.69rem;
}
.icon.departement {
    background-image: url('../svg/departement.svg');
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    margin-left: 1.62rem;
    margin-right: 1rem;
}
.icon.ville {
    background-image: url('../svg/ville.svg');
    width: 1.9375rem;
    height: 1.9375rem;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    margin-left: 1.37rem;
    margin-right: 0.69rem;
}
.icon.water {
    background-image: url('../svg/type_eau.svg');
    width: 1.6875rem;
    height: 1.6875rem;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    margin-left: 1.44rem;
    margin-right: 0.94rem;
}

.sous_titre_form_hero {
    padding-top: 3rem;
    margin-left: auto;
    margin-right: auto;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;


  display: flex;
  align-items: center;
  text-transform: none;
  border-bottom: 0.125rem solid #FFF;
  padding-bottom: 0.5rem;
  gap: 0.75rem; /* espacement entre l’icône et le texte */
  width: fit-content; /* s'adapte au contenu */
}

.sous_titre_form_hero a {
  all: unset;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  color: inherit;
  font: inherit;
}

.sous_titre_form_hero img {
  width: 1.75rem;
  height: 1.75rem;
  object-fit: contain;
}

.section-carousel {
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 0rem;
}

.section-carousel h2 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.section-carousel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-carousel-controls {
    display: flex;
    gap: 0.5rem;
}


.section-carousel-controls button {
  background: white;
  border: none;
  cursor: pointer;
}


.plages-populaires {
    margin-top: 1.38rem;
}


.plages-populaires-carousel-conteneur, .nos-destinations-preferees-carousel-conteneur, .homepage-notre-blog-carousel-conteneur {
  overflow: hidden;
}

.plages-populaires-carousel, .nos-destinations-preferees-carousel {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
  padding-bottom: 1rem;
}

.plages-populaires-carousel::-webkit-scrollbar, .nos-destinations-preferees-carousel::-webkit-scrollbar, .homepage-notre-blog-carousel::-webkit-scrollbar {
  display: none; /* Chrome/Safari */
}

.plages-populaires-carousel {
  gap: 1.5rem;
}



.tuile-plage {
    overflow: hidden;
    flex-shrink: 0;
    width: 17.8125rem;
    height: auto;
    border-radius: 0.625rem;
    background: #FFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);
}


.tuile-plage-photo-plage {
    width: 17.8125rem;
    height: 12.3125rem;
    flex-shrink: 0;
    border-radius: 0.625rem 0.625rem 0rem 0rem;
}


    
.tuile-plage-heart-icon {
    position: absolute;
    top: 12px;
    right: 12px;
    background: white;
    border-radius: 50%;
    padding: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.tuile-plage-card-header {
    position: relative;
}

.tuile-plage-heart-icon img {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
}

.tuile-plage-body {
    padding-left: 1rem;
    margin-top: 1.06rem;
}

.tuile-plage-title {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.plage-div-score {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

.plage-div-score span {
    margin-left: 0.5rem;
    color: #f7a900;
    font-size: 1rem;
}


.detail_plage_div_score {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

.detail_plage_div_score span {
    margin-left: 0.5rem;
    color: #f7a900;
    font-size: 1rem;
}


.plage-score {
    width: 1.8125rem;
    height: 1.1875rem;
    flex-shrink: 0;
    border-radius: 0.25rem;
    background: #028574;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}


.detail_plage_information_score {
    width: 1.8125rem;
    height: 1.1875rem;
    flex-shrink: 0;
    border-radius: 0.25rem;
    background: #028574;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

.tuile-plage-location {
    color: #323439;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem; /* 137.5% */
    padding-left: 1rem;
}



.tuile-plage-tags {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.tag-lac {
    width: 4.125rem;
    height: 1.5rem;
    flex-shrink: 0;
    border-radius: 0.75rem;
    background: #F9EDD6;
    color: #26316B;
    font-family: "Centra No2";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem; /* 157.143% */
    text-align: center;
}

.tag-famille {
    width: 4.125rem;
    height: 1.5rem;
    flex-shrink: 0;
    border-radius: 0.75rem;
    background: #D6F1F9;
    color: #26316B;
    font-family: "Centra No2";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem; /* 157.143% */
    text-align: center;
}

    .tuile-plage-footer {
      display: flex;
      justify-content: space-between;
      padding-top: 0.63rem;
      margin-left: 1rem;
      margin-right: 1rem;
      border-top: 1px solid #DBDBDB;
      margin-bottom: 0.5rem;
    }

    .tuile-plage-footer div {
      display: flex;
      align-items: center;
      gap: 0.3rem;
      cursor: pointer;
    }

.tuile-plage-footer-commentaire span {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 0.6375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem; /* 146.667% */
    padding-left: 0.44rem;
    border-right: 1px solid #DBDBDB;
    padding-right: 1.06rem;
}

.tuile-plage-footer-photo span {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 0.6375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem; /* 146.667% */
    padding-left: 0.62rem;
}



.tuile-plage {
  flex: 0 0 auto;
  width: 260px; /* ou la largeur de ta tuile */
}

.preparez_vos_vacances {
    display: flex;
    position: relative; 
    height: 33.75rem;
    margin-bottom: 0px;
    margin-top: 5rem;
    margin-left: 10%;
    margin-right: 10%;
}

.preparez_vos_vacances img {
    width: 62.3125rem;
    height: 33.75rem;
    flex-shrink: 0;
    border-top-left-radius: 0.625rem;
    border-bottom-left-radius: 0.625rem;
    object-fit: cover;
}

.preparez_vos_vacances .bloc-droite {
    position: relative;
    background-color: #26316B;
    border-top-right-radius: 0.625rem;
    border-bottom-right-radius: 0.625rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.bloc-contenu {
  position: relative;
  z-index: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.preparez_vos_vacances h2 {
    width: 21.9375rem;
    color: #FFF;
    text-align: center;
    font-family: "Centra No2";
    font-size: 2.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.75rem; /* 104.762% */
    text-transform: capitalize;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0rem;
}

.preparez_vos_vacances p {
    width: 23.8125rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.31rem;
    margin-bottom: 0rem;
    color: #FFF;
    text-align: center;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 155.556% */
}

.preparez_vos_vacances button {
    width: 10.25rem;
    height: 3rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    background: #1D92CD;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    cursor: pointer;
    margin-top: 1.62rem;
}

/* fond décoratif */
.palm-wrapper {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.palm-decoration {
  position: absolute;
  bottom: 0;
}

.palm-left {
    left: 14rem;
    width: 9.75rem;
    height: 11.875rem;
    flex-shrink: 0;
}

.palm-right {
    left: 19rem;
    width: 14.6875rem;
    height: 15rem;
    flex-shrink: 0;
}

.nos-destinations-preferees {
    margin-top: 3.06rem;
}

.nos-destinations-preferees-tuile {
    width: 14.875rem;
    height: 16rem;
    flex-shrink: 0;
    border-radius: 0.625rem;
    background: url('images/destination_preferee.jpg') lightgray 50% / cover no-repeat;
    color: #FFF;
    text-align: center;
    font-family: "Centra No2";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.75rem; /* 140% */
    overflow: hidden;
    flex-shrink: 0;
    flex: 0 0 auto; 
}

.nos-destinations-preferees-tuile p {
    padding-top: 12rem;
}

.nos-destinations-preferees-carousel {
    gap: 1.1875rem;
}


.homepage-creer-compte {
    height: 33.5625rem;
    flex-shrink: 0;
    background: #F3FBFF;
    margin-top: 3.31rem;
    margin-bottom: 0rem;
    text-align: center;
}

.homepage-creer-compte-groupe-div{
    display: flex;
    justify-content: center;
    gap: 5.31rem; /* espace entre les blocs */
}

.homepage-creer-compte-groupe-div div {
    width: 21.6875rem;
}

.homepage-creer-compte h2 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3.19rem;
}

.homepage-creer-compte-plage-favorite img {
    width: 7.5rem;
    height: 7.5rem;
    flex-shrink: 0;
}

.homepage-creer-compte-notez-plages img {
    width: 7.5rem;
    height: 7.5rem;
    flex-shrink: 0;
}

.homepage-creer-compte-importez-photos img {
    width: 7.5rem;
    height: 7.5rem;
    flex-shrink: 0;
}

.homepage-creer-compte h3 {
    color: #26316B;
    text-align: center;
    font-family: "Centra No2";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.75rem; /* 116.667% */
    margin-bottom: 0rem;
}

.homepage-creer-compte p {
    color: #323439;
    text-align: center;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 155.556% */
    margin-top: 0.75rem;
}

.homepage-creer-compte-bouton-div {
    margin-top: 1.13rem;
    margin-bottom: 0rem;
}

.homepage-creer-compte-bouton {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 18.75rem;
    height: 3rem;
    border-radius: 0.75rem;
    background-color: #1D92CD;
    border: none;
    cursor: pointer;
    padding: 0.5rem 1rem;
    transition: background-color 0.3s ease;
}

.homepage-creer-compte-bouton:hover {
  background-color: #187cb0;
}

.homepage-creer-compte-bouton img {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}

.homepage-creer-compte-bouton span {
  color: #FFF;
  font-family: "Centra No2", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
}

.homepage-trouver-activites {
    display: flex;
    justify-content: center;
    gap: 1.5rem; /* espace entre les blocs */
    height: 40rem;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 4.06rem;
    margin-bottom: 0rem;
}

.homepage-trouver-activites-texte {
    width: 35rem;
    padding-right: 5rem;
    padding-top: 3.87rem;
}

.homepage-trouver-activites-texte h2 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.homepage-trouver-activites-groupe-div-mobile {
    display: flex;
    justify-content: center;
    gap: 1.5rem; /* espace entre les blocs */
}

.homepage-trouver-activites-texte p {
    color: #323439;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 155.556% */
}

.homepage-trouver-activites-bouton {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 11.75rem;
    height: 3rem;
    border-radius: 0.75rem;
    background-color: #1D92CD;
    border: none;
    cursor: pointer;
    padding: 0.5rem 1rem;
    transition: background-color 0.3s ease;
}

.homepage-trouver-activites-bouton:hover {
  background-color: #187cb0;
}

.homepage-trouver-activites-bouton span {
  color: #FFF;
  font-family: "Centra No2", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
}

.homepage-trouver-activites-illustration {
    width: 16.9375rem;
    height: 25.6875rem;
    flex-shrink: 0;
    border-radius: 0.625rem;
}

.homepage-trouver-activites-jeux-aquatique, .homepage-trouver-activites-adapte-enfants {
    padding-top: 2.94rem;
}


.homepage-trouver-activites-jeux-aquatique p, .homepage-trouver-activites-adapte-enfants p, .homepage-trouver-activites-confort-equipement p {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.75rem; /* 155.556% */
    text-transform: capitalize;
}

.homepage-trouver-activites p img {
    padding-left: 1rem;
}


.homepage-explorer-plages-regions {
    height: 40.125rem;
    flex-shrink: 0;
    background: #26316B;
}

.homepage-explorer-plages-regions-contenu {
    display: flex;
    justify-content: center;
    gap: 1.5rem; /* espace entre les blocs */
}

.homepage-explorer-plages-regions-carousel {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    margin-right: 3.5rem;
}


.tuile-region-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    overflow-y: auto;
    height: calc(42.125rem - 13.5rem); /* Ajuste si le h2 a plus de hauteur/marge */
    padding-right: 0.5rem; /* pour éviter que la scrollbar n’empiète */
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.3) transparent; /* Firefox */
}


.homepage-explorer-plages-regions-carousel::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 8rem;
    background: linear-gradient(to top, #26316B, transparent);
    pointer-events: none;
    z-index: 1;
}

.tuile-region-container::-webkit-scrollbar {
    width: 6px;
}

.tuile-region-container::-webkit-scrollbar-track {
    background: transparent;
}

.tuile-region-container::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.3);
    border-radius: 3px;
}


.homepage-explorer-plages-regions-contenu h2 {
    color: #FFF;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.tuile-region {
    width: 14.75rem;
    height: 15.125rem;
    flex-shrink: 0;
    border-radius: 0.625rem;
    background: #FFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);
}

.tuile-region p {
    margin-left: 1rem;
}

.tuile-region-img-region {
    width: 14.75rem;
    height: 9.1875rem;
    flex-shrink: 0;
    border-radius: 0.625rem 0.625rem 0rem 0rem;
}

.tuile-region-nom-region {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 0.81rem;
    margin-bottom: 0rem;
}

.tuile-region-nombre-plages {
    color: #606060;
    font-family: "Centra No2";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem; /* 157.143% */
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.44rem;
    margin-top: 0.19rem;
    margin-bottom: 0rem;
}

.tuile-region-img-plage-svg {
    display: block;
}


.tuile-region-voir-les-plages {
    color: #27AAE1;
    font-family: "Centra No2";
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    margin-top: 0.31rem;
}

.tuile-region-img-fleche-svg {
    width: 0.8125rem;
    flex-shrink: 0;
    padding-left: 0.44rem;
}


.homepage-explorer-plages-region-button-partner {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 20.75rem;
    height: 3rem;
    border-radius: 0.75rem;
    background-color: #1D92CD;
    border: none;
    cursor: pointer;
    padding: 0.5rem 1rem;
    transition: background-color 0.3s ease;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    margin-right: 1rem;
}

.homepage-explorer-plages-region-button-partner:hover {
  background-color: #187cb0;
}

.homepage-explorer-plages-region-button-partner span {
  color: #FFF;
  font-family: "Centra No2", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
}


.homepage-explorer-plages-region-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #252F6A;
    color: #FFF;
    font-family: "Centra No2", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    border: 1px solid #FFF;
    border-radius: 0.5rem;
    padding: 0 1rem;
    height: 3rem;
    width: 9.5625rem;
    position: relative;
    background-image: url('data:image/svg+xml;utf8,<svg fill="white" height="12" viewBox="0 0 24 24" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1rem;
    cursor: pointer;
}

.homepage-explorer-plages-regions-map-context h2 {
    display: none;
}

.homepage-explorer-plages-region-select:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.5);
}

.homepage-explorer-plages-region-map {
    margin-top: 2.15rem;
    width: 41.625rem;
    height: 28.375rem;
    flex-shrink: 0;
    border-radius: 0.625rem;
    background-color: #ff8282;
}


.homepage-boost-visibility {
    height: 33.75rem;
    flex-shrink: 0;
    margin-left: 10%;
    margin-right: 10%;
    background: url('../images/boost_visibilite.png') lightgray 50% / cover no-repeat;
    border-radius: 0.625rem;
    margin-top: 4.69rem;
    margin-bottom: 0rem;
    text-align: center;
}

.homepage-boost-visibility h2 {
    color: #FFF;
    text-align: center;
    font-family: "Centra No2";
    font-size: 2.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.75rem; /* 104.762% */
    text-transform: capitalize;
    padding-top: 10.31rem;
    padding-bottom: 0rem;
    margin-bottom: 0rem;
}

.homepage-boost-visibility p {
    width: 34.75rem;
    color: #FFF;
    text-align: center;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 155.556% */
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.31rem;
    margin-bottom: 0rem;
}

.homepage-boost-visibility button {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 20.75rem;
    height: 3rem;
    border-radius: 0.75rem;
    background-color: #1D92CD;
    border: none;
    cursor: pointer;
    padding: 0.5rem 1rem;
    transition: background-color 0.3s ease;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    margin-right: 1rem;
}


.homepage-notre-blog {
    margin-top: 2.68rem;
    
    margin-bottom: 5.60rem;
}

.homepage-notre-blog-carousel {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
    padding-bottom: 5rem;
    gap: 2.25rem;
}


.tuile-article {
    width: 22.0625rem;
    height: auto;
}

.tuile-article-photo {
    width: 22.0625rem;
    height: 13.375rem;
    flex-shrink: 0;
    border-radius: 0.625rem;
}

.tuile-article-date {
    color: #323439;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem; /* 137.5% */
    display: flex;
    align-items: center;
    gap: 0.44rem;
    margin-top: 1.63rem;
}

.tuile-article-calendrier-svg {
    display: block;
}

.tuile-article h2 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.8125rem; /* 120.833% */
    text-transform: capitalize;
}

.tuile-article button {
    width: 9.8125rem;
    height: 2.875rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    border: 2px solid #27AAE1;
    color: #27AAE1;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 0.44rem;
    background-color: #FFF;
    padding-left: 2rem;
}

.tuile-article-fleche-droite {
    display: block;
}

footer {
    height: 32rem;
    flex-shrink: 0;
    background: #05213A;
}

.footer-groupe-div {
    margin-left: 10%;
    margin-right: 10%;
    display: flex;
    justify-content: center;
    gap: 20.62rem; /* espace entre les blocs */
    padding-top: 4.25rem;
    padding-bottom: 3.25rem;
    border-bottom: 0.0625rem solid #2E4E6A;
}


.footer-div-logo {
    text-align: center;
}

.footer-div-logo p {
    padding-top: 0.2rem;
}


.logo_texte_france_footer {
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 0.81rem;
}

.logo_texte_plages_footer {
    color: #27AAE1;
    font-family: "Centra No2";
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.footer-div-liens-conteneur {
    display: flex;
    justify-content: center;
    gap: 4.62rem; /* espace entre les blocs */
}

.footer-groupe-div h3 {
    color: #FFF;
    text-align: left;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 1.31rem;
}

.footer-div-liens-conteneur a,
.footer-div-restons-contact a {
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem; /* 200% */
}

.footer-div-restons-contact img {
    margin-top: 1.50rem;
    padding-right: 0.75rem;
}


.footer-slogan {
    color: #CBD2D8;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem; /* 200% */
    text-align: center;
    padding-top: 1.62rem;
}


.section_search_near_location {
    /*height: 11.375rem;*/
    height: auto;
    flex-shrink: 0;
    background: #26316B;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 2.56rem;
}

.section_search_near_location h1 {
    color: #FFF;
    text-align: left;
    font-family: "Centra No2";
    font-size: 2.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.875rem; /* 182.353% */
    text-transform: capitalize;
    padding-top: 1.13rem;
    margin-bottom: 0rem;
    margin-top: 0rem;
}

.section_search_near_location label {
    color: #FFF;
    text-align: center;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.875rem; /* 344.444% */
    text-transform: capitalize;
}

.section_search_near_location input[type="text"] {
    width: 30.5rem;
    height: 3rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    background: #FFF;
    border: none;
    margin-left: 1.4rem;
    margin-right: 2.75rem;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 1.31rem;
}


.section_search_near_location select {
    width: 12.375rem;
    height: 3rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    background: #FFF;
    margin-left: 1.69rem;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 1.31rem;
}

.section_search_near_location_button {
    cursor: pointer;
    width: 17.6875rem;
    height: 3rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    background: #1D92CD;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    margin-left: 6.44rem;
}

.section_search_near_location_button img {
    width: 1.125rem;
    height: 1.125rem;
    padding-right: 0.35rem;
}


.section_map_largeur {
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 1.75rem;
}

.map_largeur {
    width: 100%;
    height: 31.5rem;
    flex-shrink: 0;
    background-color: #e58b8b;
    border-radius: 0.625rem;
}

.section_resultat_recherche_plages {
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 2rem;
}


.section_resultat_recherche_plages_en_tete {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.section_resultat_recherche_plages_en_tete_nombre_resultat {
    color: #555;
    text-align: center;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.625rem; /* 162.5% */
    text-transform: lowercase;
}


.section_resultat_recherche_plages_en_tete_type_tri select {
    width: 13.375rem;
    height: 2.8125rem;
    flex-shrink: 0;
    border: 1px solid #DDD;
    background: #FFF;
    color: #000;
    padding-left: 1rem;
    text-align: left;
    font-family: "Centra No2";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.section_resultat_recherche_plages_affichage_tuiles {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.section_resultat_recherche_plages_affichage_tuiles .tuile-plage {
    margin-bottom: 2rem;
}


.bold {
    font-weight: bold;
}



.trouver_destination_ideale_en_tete {
    width: 100%;
    height: 27.5rem;
    flex-shrink: 0;
    text-align: center;
    background: url('../images/trouver_destination_ideale_header.jpg') lightgray 50% / cover no-repeat;    
}

.trouver_destination_ideale_en_tete h1 {
    margin-bottom: 0rem;
    margin-top: 0rem;
    color: #FFF;
    text-align: center;
    font-family: "Centra No2";
    font-size: 3.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.875rem; /* 100% */
    text-transform: capitalize;
    padding-top: 8.06rem;
}

.trouver_destination_ideale_en_tete p {
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 1.06rem;
    margin-bottom: 0rem;
}

.ancre_vers_map {
    padding-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    text-transform: none;
    border-bottom: 0.125rem solid #FFF;
    padding-bottom: 0.5rem;
    gap: 0.75rem; /* espacement entre l’icône et le texte */
    width: fit-content; /* s'adapte au contenu */
}

.ancre_vers_map a {
  all: unset;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  color: inherit;
  font: inherit;
}

.ancre_vers_map img {
  width: 1.75rem;
  height: 1.75rem;
  object-fit: contain;
}


.trouver_destination_ideale_section_region {
    margin-left: 10%;
    margin-right: 10%;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    margin-bottom: 0rem;
}

.trouver_destination_ideale_section_region .tuile-region {
    margin-top: 1.75rem;
}

.trouver_destination_ideale_map h2{
    margin-left: 10%;
    margin-top: 0rem;
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.trouver_destination_ideale_map {
    margin-top: 3.44rem;
    margin-bottom: 5.06rem;
}


.affichage_location_en_tete {
    width: 100%;
    height: 44.5rem;
    flex-shrink: 0;
    text-align: center;
    /*background: url('region.jpg') lightgray 50% / cover no-repeat;*/
}

.affichage_location_en_tete h2 {
    margin-top: 0rem;
    padding-top: 0rem;
    color: #FFF;
    text-align: center;
    font-family: "Centra No2";
    font-size: 3.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.875rem; /* 100% */
    text-transform: capitalize;
    padding-top: 10.94rem;
    padding-bottom: 0rem;
    margin-bottom: 0rem;
}

.affichage_location_en_tete p {
    color: #FFF;
    text-align: center;
    font-family: "Centra No2";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.875rem; /* 136.364% */
    margin-top: 1.92rem;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.page_location_description {
    margin-left: 10%;
    margin-right: 10%;
    /*display: grid;*/
    grid-template-columns: repeat(3, 1fr);
    margin-top: 1.62rem;
    margin-bottom: 0rem;
}


.page_location_description h1 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 0rem;
    margin-bottom: 1.12rem;
}

.page_location_description h2 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.page_location_description h3 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.page_location_description p {
    color: #323439;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 155.556% */
    margin-bottom: 1.06rem;
    margin-top: 0rem;
}

.page_location_description  a {
    color: #1D92CD;
}





.page_location_tuile_description {
    display: flex;
    margin-top: 3.75rem;
    margin-right: 6.5rem;
}

.page_location_tuile_description_icone img {
    width: 3.875rem;
    height: 3.875rem;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    margin-right: 2.69rem;
}

.page_location_tuile_description_texte h3 {
    margin-top: 0rem;
    margin-bottom: 0rem;
    color: #26316B;
    text-align: left;
    font-family: "Centra No2";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.75rem; /* 116.667% */
}

.page_location_tuile_description_texte p {
    color: #323439;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 155.556% */
    text-align: left;
    margin-top: 1.06rem;
}


.affichage_location_sous_niveau_geographique {
    background: #26316B;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 1.8rem;
}

.affichage_location_sous_niveau_geographique h2 {
    color: #FFF;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-top: 2.75rem;
}

.affichage_location_sous_niveau_groupe_tuile {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}

.affichage_location_sous_niveau_groupe_tuile div {
    margin-bottom: 2.44rem;
}

.affichage_location_liste_plage {
    margin-left: 10%;
    margin-right: 10%;
}

.affichage_location_liste_plage h2 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-top: 2.88rem;
    padding-bottom: 1.81rem;
}

.affichage_location_liste_plage_groupe_tuiles {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.affichage_location_liste_plage_groupe_tuiles .tuile-plage {
    margin-bottom: 1.81rem;
}

.affichage_location_map {
    margin-top: 2.3rem;
    margin-bottom: 4.81rem;
}

.affichage_location_map h2 {
    margin-left: 10%;
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.detail_plage_sous_menu {    
    position: sticky;
    top: 5.625rem; /* même hauteur que le header */
    z-index: 999; /* légèrement moins que le header pour être dessous */; /* s'assurer qu'il reste au-dessus du contenu */
    padding-left: 10%;
    padding-right: 10%;
    display: flex;
    gap: 5.06rem;
    height: 4.25rem;
    background: #F8F8F8;
    
    align-items: center;
    justify-content: center;
}

.detail_plage_sous_menu {
    color: #323439;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 4.0625rem; /* 361.111% */
}


.detail_plage_gallerie {
    margin-top: 1.75rem;
}

.detail_plage_gallerie h2 {
    display: none;
}

.gallery-mosaic {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  max-width: 1200px;
  margin: auto;
}

.gallery-mosaic .big {
  flex: 1 1 65%;
}

.gallery-mosaic .big img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  display: block;
}

.gallery-mosaic .side {
  flex: 1 1 33%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.gallery-mosaic .vertical {
  height: calc(66.66% - 0.5rem);
}

.gallery-mosaic .vertical img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  display: block;
}

.gallery-mosaic .small-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  height: calc(33.33% - 0.5rem);
}

.gallery-mosaic .small-grid a {
  position: relative;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.gallery-mosaic .small-grid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.overlay-thumb .overlay-text {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.5);
  color: white;
  font-weight: bold;
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 10px;
}

.hidden-lg {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}



@media (max-width: 768px) {
  .gallery-mosaic {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0rem;
  }

  .gallery-mosaic .big {
    position: relative;
  }

  .gallery-mosaic .big img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
  }

  .gallery-mosaic .side {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
  }

  .gallery-mosaic .vertical {
    grid-column: span 2;
  }

  .gallery-mosaic .vertical img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    display: none;
  }

  .gallery-mosaic .small-grid {
    display: contents; /* Supprime le wrapper */
  }

  .gallery-mosaic .small-grid a img {
    width: 100%;
    height: auto;
    border-radius: 12px;
  }

  .overlay-thumb {
    position: relative;
  }

  .overlay-thumb .overlay-text {
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-25%, -50%);
    background: white;
    color: #27AAE1;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-weight: bold;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    border-radius: 50px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  }
}






.detail_plage_information {
    margin-top: 4.37rem;
    margin-left: 10%;
    margin-right: 10%;
}

.detail_plage_information_en_tete {
    border-bottom: 0.0625rem solid #D4D4D4;
}

.detail_plage_information_en_tete h2 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 0.56rem;
    margin-bottom: 0rem;
    margin-top: 0rem;
}

.detail_plage_information_groupe_bloc {
    display: flex;
    gap: 7.44rem;
    margin-top: 3.37rem;
}

.detail_plage_information_bloc_gauche {
    width: 49rem;
}

.detail_plage_information_bloc_droite {
    width: 38rem;
}

.detail_plage_information_bloc_gauche h1 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 0rem;
    margin-bottom: 1.12rem;
}

.detail_plage_information_situation_geographique a {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 127.273% */
}

.detail_plage_information_div_note {
    margin-top: 1.38rem;
    display: flex;
    margin-bottom: 0rem;
}

.detail_plage_information_nombre_avis a {
    color: #26316B;
    text-align: center;
    font-family: "Centra No2";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal; /* 155.556% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    padding-left: 1.19rem;
    height: 1.1875rem;
}

.detail_plage_information_bloc_commentaire_favoris {
    display: flex;
    color: #26316B;
    text-align: center;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 155.556% */
    vertical-align: middle;
    margin-top: 0.9rem;
}

.detail_plage_information_bloc_commentaire_img img {
    width: 1.8125rem;
    height: 1.8125rem;
    flex-shrink: 0;
    aspect-ratio: 1/1;
}

.detail_plage_information_bloc_commentaire {
    padding-left: 0.81rem;
    padding-right: 1.15rem;
    border-right: 0.0625rem solid #DDD;
}

.detail_plage_information_bloc_favoris_img img {
    width: 1.6875rem;
    height: 1.6875rem;
    flex-shrink: 0;
    padding-left: 1.37rem;
    padding-right: 0.69rem;
}

.detail_plage_information_bloc_tag {
    display: flex;
    margin-top: 1.54rem;
}

.detail_plage_information_bloc_tag span {
    margin-right: 0.5rem;
}

.detail_plage_information_bloc_description {
    margin-top: 0.5rem;
    color: #323439;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 155.556% */
}

.detail_plage_information_bloc_description h1,
.detail_plage_information_bloc_description h2,
.detail_plage_information_bloc_description h3 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-top: 1.5rem;
}


.detail_plage_information_map {
    border-radius: 0.625rem;
    background: #FFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);
    padding-top: 1rem;
    text-align: center;
}

.map_carre {
    width: 36rem;
    height: 25.3125rem;
    flex-shrink: 0;
    background-color: #e58b8b;
    margin-left: 1rem;
    margin-right: 1rem;
    border-radius: 0.625rem;
}

.detail_plage_information_map_lien {
    color: #27AAE1;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    margin-top: 1.5rem;
    padding-bottom: 1.2rem;
}

.detail_plage_information_equipements {
    margin-top: 2.75rem;
}

.detail_plage_information_equipements h2{
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0rem;
}

.detail_plage_information_equipement_bloc_div {
    display: flex;
    gap: 8rem;
}

.detail_plage_information_equipement_bloc_div p {
    display: flex;
    align-items: center;
    gap: 0.5em;
    color: #323439;
    font-family: "Centra No2";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 4.0625rem; /* 325% */
    margin-top: 0rem;
    margin-bottom: 0rem;
    border-bottom: 0.0625rem solid #EDEDED;
    padding-right: 2rem;
}


.detail_plage_section_etablissement_premium {
    background: #F3FBFF;
    margin-top: 4.81rem;
    padding-left: 10%;
    padding-right: 10%;
}

.detail_plage_section_etablissement_premium h2 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-top: 2.69rem;
}

.detail_plage_section_premium_groupe_tuiles {
    display: flex;
    gap: 1.5rem;
    padding-bottom: 2.81rem;
}


.tuile_etablissement_premium {
    width: 17.8125rem;
    border-radius: 0.625rem;
    background: #FFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);
}

.tuile_etablissement_premium_photo {
    width: 17.8125rem;
    height: 12.3125rem;
    flex-shrink: 0;
    border-radius: 0.625rem 0.625rem 0rem 0rem;
}


.tuile_etablissement_premium_en_tete {
    display: flex;
}

.tuile_etablissement_premium_en_tete,
.tuile_etablissement_premium_adresse,
.tuile_etablissement_premium_voir_plus
{
    padding-left: 1.19rem;
}

.tuile_etablissement_premium_en_tete h3 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-left: 0.5rem;
    padding-bottom: 0.56rem;
    margin-bottom: 0rem;
}

.tuile_etablissement_premium_adresse {
    margin-top: 0rem;
    padding-top: 0rem;
    color: #323439;
    font-family: "Centra No2";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3125rem; /* 150% */
    margin-bottom: 0.81rem;
    padding-bottom: 0rem;
}

.tuile_etablissement_premium_voir_plus {
    color: #27AAE1;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    padding-bottom: 0.63rem;
}

.tuile_etablissement_premium_voir_plus img {
    width: 0.8125rem;
    flex-shrink: 0;
}



.detail_plage_section_commentaire {
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
}

.detail_plage_section_commentaire h2 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.detail_plage_section_commentaire_recap_avis_bloc {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 2.37rem;
    border-bottom: 0.0625rem solid #D4D4D4;
    margin-bottom: 2rem;
}

.detail_plage_section_commentaire_note_globale {
    color: #000;
    font-family: "Centra No2";
    font-size: 3.5rem;
    font-style: normal;
    font-weight: 400;
}


.detail_plage_section_commentaire_note_globale_etoiles {
    text-align: left;
    margin-left: 1.87rem;
    padding-right: 4.12rem;
}


.detail_plage_section_commentaire_note_globale_etoiles span {
    color: #f7a900;
    font-size: 1rem;
}

.detail_plage_section_commentaire_note_globale_etoiles p {
    color: #4B4B4B;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    margin-top: 0rem;
}


.rating-distribution {
  width: 10.0075rem;
  font-family: sans-serif;
  padding-left: 3.37rem;
  border-left: 0.0625rem solid #DCDCDC;
  padding-right: 4.25rem;
  border-right: 0.0625rem solid #DCDCDC;
  padding-top: 0.87rem;
  padding-bottom: 1.19rem;
}

.rating-bar {
  display: flex;
  align-items: center;
  margin: 4px 0;
}

.rating-bar .label {
    color: #4B4B4B;
    font-family: "Centra No2";
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1875rem; /* 158.333% */
    padding-right: 0.56rem;
}

.bar {
  flex: 1;
  height: 10px;
  background-color: #F2F2F2;
  overflow: hidden;
}

.fill {
  height: 100%;
  background-color: #1DA1F2; /* bleu Twitter-like */
}


.detail_plage_section_commentaire_bouton_ecrire_commentaire {
    padding-left: 4.31rem;
}

.detail_plage_section_commentaire_bouton_ecrire_commentaire button {
    width: 10.8125rem;
    height: 3rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    background: #1D92CD;
    border: none;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}

.detail_plage_boutons_partenaire {
    display: flex;
    gap: 2rem;
}

.bouton_suggestion_partenaire {
    width: 15.8125rem;
    height: 3rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    background: #1D92CD;
    border: none;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}

.tuile_commentaire {
    display: flex;
    padding-bottom: 2rem;
    margin-bottom: 2.88rem;
    border-bottom: 0.0625rem solid #D4D4D4;
}

.tuile_commentaire_avatar {
    margin-right: 1.56rem;
}


.tuile_commentaire_avatar img {
    width: 4rem;
    height: 4rem;
    flex-shrink: 0;
}


.tuile_commentaire_username {
    color: #282828;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.1875rem; /* 118.75% */
    margin-right: 7.62rem;
}

.tuile_commentaire_description {
    margin-right: 11.69rem;
}

.tuile_commentaire_description h3 {
    color: #282828;
    font-family: "Centra No2";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.1875rem; /* 95% */
    text-align: left;
}

.tuile_commentaire_description p {
    color: #535353;
    font-family: "Centra No2";
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem; /* 160% */
    width: 61.3125rem;
    text-align: left;
}

.tuile_commentaire_date {
    color: #282828;
    font-family: "Centra No2";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.1875rem; /* 135.714% */
}

.detail_plage_section_etablissement {
    padding-left: 10%;
    padding-right: 10%;
    background-color: #F9F9F9;
}


.detail_plage_section_etablissement h2 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-top: 2.19rem;
}


.detail_plage_section_etablissements_groupe_tuiles {
    display: flex;
    gap: 1.5rem;
    padding-bottom: 2.81rem;
}


.tuile_etablissement {
    width: 17.8125rem;
    border-radius: 0.625rem;
    background: #FFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);
}

.tuile_etablissement_photo {
    width: 17.8125rem;
    height: 12.3125rem;
    flex-shrink: 0;
    border-radius: 0.625rem 0.625rem 0rem 0rem;
}


.tuile_etablissement_en_tete {
    display: flex;
}

.tuile_etablissement_en_tete,
.tuile_etablissement_adresse
{
    padding-left: 1.19rem;
}

.tuile_etablissement_en_tete h3 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-left: 0.5rem;
    padding-bottom: 0.56rem;
    margin-bottom: 0rem;
}

.tuile_etablissement_adresse {
    margin-top: 0rem;
    padding-top: 0rem;
    color: #323439;
    font-family: "Centra No2";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3125rem; /* 150% */
    margin-bottom: 0.81rem;
    padding-bottom: 0rem;
}


.blog_en_tete {
    padding-left: 10%;
    padding-right: 10%;
    display: flex;
    margin-bottom: 0rem;
    padding-top: 2.38rem;
    border-top: 0.0625rem solid #DCDCDC;
}

.blog_en_tete_image img {
    width: 57.3125rem;
    height: 33.75rem;
    border-top-left-radius: 0.625rem;
    border-bottom-left-radius: 0.625rem;
}

.blog_en_tete_texte {
    width: 31.1875rem;
    height: 33.75rem;
    flex-shrink: 0;
    text-align: center;
    padding-left: 4rem;
    padding-right: 4rem;
    border-radius: 0rem 0.625rem 0.625rem 0rem;
    background: #26316B;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog_en_tete_texte_contenu {
    position: relative;
    z-index: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.blog_en_tete_texte_info {
    color: #FFF;
    text-align: center;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 175% */
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.blog_en_tete_texte_date {
    padding-left: 0.78rem;
    padding-right: 0.78rem;
}

.blog_en_tete_texte_categorie {
    padding-left: 0.78rem;
}

.blog_en_tete_texte_contenu h1 {
    color: #FFF;
    text-align: center;
    font-family: "Centra No2";
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.5rem; /* 125% */
    text-transform: capitalize;
    padding-top: 0.75rem;
    margin: 0rem;
}


.blog_en_tete_texte_resume,
.blog_en_tete_texte_resume p {
    color: #FFF;
    text-align: center;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 155.556% */
}

.blog_en_tete_texte_contenu button {
    width: 8.875rem;
    height: 3rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    background: #1D92CD;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
}


.blog_filtre_categories_desktop {
    display: flex;
    gap: 5.5rem;
    align-items: center;
    justify-content: center;
    margin-top: 2.06rem;
    margin-bottom: 2.06rem;
    border-bottom: 0.0625rem solid #D4D4D4;
    margin-left: 15%;
    margin-right: 15%;
}

.blog_filtre_categories_lien {
    color: #323439;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 4.0625rem; /* 361.111% */
}

.blog_filtre_categories_selectionne, .blog_filtre_categories a:hover {
    color: #27AAE1;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 4.0625rem; /* 361.111% */
    border-bottom: 0.0625rem solid #27AAE1;
}

.blog_affichage_articles {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-left: 10%;
    margin-right: 10%;
}

.blog_affichage_articles .tuile-article {
    padding-bottom: 3.63rem;
}

.article_blog {
    max-width: 58.25rem;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 2.13rem;
}

.article_blog h1 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.6875rem; /* 113.158% */
    text-transform: capitalize;
}

.article_blog_info {
    color: #26316B;
    text-align: center;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 175% */
    text-align: left;
    margin-bottom: 2.38rem;
}

.article_blog_photo {
    max-width: 58.25rem;
    border-radius: 0.625rem;
}

.article_blog_texte p {
    color: #323439;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 155.556% */
    margin-bottom: 1.06rem;
    margin-top: 0rem;
}

.article_blog a {
    color: #1D92CD;
}

.article_blog_texte h2 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.6875rem; /* 134.375% */
    text-transform: capitalize;
    margin-top: 2.12rem;
    margin-bottom: 1.38rem;
}

.article_blog_texte h3 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.6875rem; /* 179.167% */
    text-transform: capitalize;
    margin-bottom: 0.5rem;
    margin-top: 1.36rem;
}

.article_blog_suggestion_articles {
    border-top: 0.0625rem solid #D4D4D4;
    max-width: 67.25rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4.75rem;
}

.article_blog_suggestion_titre {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.article_blog_suggestion_articles_groupe_tuiles {
    display: flex;
    gap: 0.5rem;
}



.inscription_pro_main {
    display: flex;
    gap: 6rem;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    margin-top: 3.5rem;
    margin-bottom: 3.31rem;
}

.inscription_pro_div_form {
    width: auto;
}

.inscription_pro_div_form h1 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.6875rem; /* 113.158% */
    text-transform: capitalize;
    margin-top: 0rem;
}

.inscription_pro_form_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin: auto;
}

.inscription_pro_form_grid label {
    color: #000;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 0.64rem;
    padding-top: 0.8rem;
}

.form_etoile_obligatoire {
    color: #F00;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.inscription_pro_form_deux_sur_ligne {
  display: flex;
  flex-direction: column;
}

.inscription_pro_form_un_sur_ligne {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
}

.inscription_pro_form_terms_and_conditions {
  grid-column: 1 / -1;
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
}

.inscription_pro_div_form button {
    grid-column: 1 / -1;
    width: 19.5625rem;
    height: 3rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    background: #1D92CD;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
}


.inscription_pro_form_deux_sur_ligne input[type="text"],
.inscription_pro_form_deux_sur_ligne input[type="email"],
.inscription_pro_form_deux_sur_ligne input[type="tel"],
.inscription_pro_form_deux_sur_ligne input[type="url"],
.inscription_pro_form_deux_sur_ligne input[type="password"] {
    width: 25.8125rem;
    height: 2.875rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    border: 2px solid #EBEBEB;
    color: #000;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 0.5rem;
}

.inscription_pro_form_un_sur_ligne input[type="text"], 
.inscription_pro_form_un_sur_ligne input[type="email"], 
.inscription_pro_form_un_sur_ligne input[type="tel"], 
.inscription_pro_form_un_sur_ligne input[type="url"], 
.inscription_pro_form_un_sur_ligne input[type="password"] {
    height: 2.875rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    border: 2px solid #EBEBEB;
    color: #000;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 0.5rem;
}

.inscription_pro_form_un_sur_ligne input[type="text"]{
    width: 52.5875rem;
    height: 2.875rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    border: 2px solid #EBEBEB;
    color: #000;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 0.5rem;
}

.inscription_pro_form_un_sur_ligne textarea {
    width: 52.5875rem;
    height: 7.125rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    border: 2px solid #EBEBEB;
}

.inscription_pro_informations {
    border-radius: 0.625rem;
    background: #F3FBFF;
    padding-top: 2.12rem;
    padding-left: 2.94rem;
    padding-bottom: 2.56rem;
    padding-right: 2.94rem;
    max-width: 35rem;
}

.inscription_pro_informations h2 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.6875rem; /* 113.158% */
    text-transform: capitalize;
    margin-top: 0rem;
    margin-bottom: 0.82rem;
}

.inscription_pro_informations_resume {
    color: #323439;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 155.556% */
}

.inscription_pro_informations_details {
    color: #323439;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.1875rem; /* 194.444% */
}

.inscription_pro_informations_details img {
    padding-right: 0.94rem;
}

.inscription_pro_consigne_mot_de_passe {
    margin-top: 1.94rem;
}

.inscription_pro_consigne_mot_de_passe h3 {
    margin-top: 0rem;
    margin-bottom: 0rem;
    color: #323439;
    font-family: "Centra No2";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2rem; /* 160% */
}

.inscription_pro_consigne_mot_de_passe p {
    color: #323439;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem;
    margin-top: 1rem;
}

.inscription_pro_consigne_mot_de_passe span {
    padding-right: 1rem;
}

.nos_offres_main {
    background-color: #F3FBFF;
}

.visibilite_pro_main {
    background-color: #F3FBFF;
}


.nos_offres_en_tete h1 {
    color: #26316B;
    text-align: center;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 0rem;
    margin-bottom: 0rem;
    padding-top: 2.56rem;
    padding-bottom: 1rem;
}

.nos_offres_en_tete p {
    color: #000;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 155.556% */
    margin-top: 0rem;
    margin-bottom: 0rem;
    text-align: center;
}

.visibilite_pro_en_tete h1 {
    color: #26316B;
    text-align: center;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 0rem;
    margin-bottom: 0rem;
    padding-top: 2.56rem;
    padding-bottom: 1rem;
}

.visibilite_pro_en_tete p {
    color: #000;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 155.556% */
    margin-top: 0rem;
    margin-bottom: 0rem;
    text-align: center;
}


.nos_offres {
    display: flex;
    gap: 2rem;
    justify-content: center; /* centre les divs horizontalement */
    margin-top: 3.06rem;
}

.nos_offres_gratuit,
.nos_offres_local,
.nos_offres_littoral {
    border-radius: 0.9375rem;
    background: #FFF;
    padding-left: 2.06rem;
    padding-top: 1.81rem;
    padding-right: 2.25rem;
    padding-bottom: 2.25rem;
}

.nos_offres_gratuit_tag,
.nos_offres_local_tag,
.nos_offres_littoral_tag {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;               /* Active Flexbox */
    justify-content: center;     /* Centre horizontalement */
    align-items: center;         /* Centre verticalement */
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.nos_offres_gratuit_tag {
    width: 6.9375rem;
    height: 2.3125rem;
    flex-shrink: 0;
    border-radius: 2.1875rem;
    background: #D6F1F9;    
}

.nos_offres_local_tag {
    width: 6.9375rem;
    height: 2.3125rem;
    flex-shrink: 0;
    border-radius: 2.1875rem;
    background: #F9EDD6;
}

.nos_offres_littoral_tag {
    width: 9.5625rem;
    height: 2.3125rem;
    flex-shrink: 0;
    border-radius: 2.1875rem;
    background: #D6F1F9;
}

.nos_offres_gratuit_prix,
.nos_offres_littoral_prix {
    color: #1D92CD;
    font-family: "Centra No2";
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.nos_offres_local_prix {
    color: #F0D196;
    font-family: "Centra No2";
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.nos_offres_gratuit_fonctionnalites,
.nos_offres_local_fonctionnalites,
.nos_offres_littoral_fonctionnalites {
    color: #323439;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.4375rem; /* 243.75% */
}

.nos_offres_creer_compte button {
    width: 18.75rem;
    height: 3rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    background: #1D92CD;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
}

.nos_offres_creer_compte_section {
    text-align: center;
    margin-top: 2.56rem;
    margin-bottom: 3.44rem;
}

.nos_offres_creer_compte_section p {
    color: #000;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 155.556% */
}

.nos_options {
    margin-top: 3rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 40rem;
}


.login_main {
    display: flex;
}


.login_bloc_gauche {
    background: url('../images/login_plage.jpg') lightgray 50% / cover no-repeat;
    width: 60rem;
    height: 50rem;
    margin-right: 10.25rem;
}

.login_bloc_gauche h2 {
    padding-top: 38rem;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 2.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.875rem; /* 147.619% */
    text-transform: capitalize;
    padding-left: 9.19rem;
    margin-bottom: 0.75rem;
}

.login_bloc_gauche p {
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 127.273% */
    width: 31.5625rem;
    padding-left: 9.19rem;
    margin-top: 0rem;
}

.login_bloc_milieu {
    padding-top: 10rem;
}


.login_bloc_milieu h2,
.login_bloc_milieu h1 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.6875rem; /* 102.381% */
    text-transform: capitalize;
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.login_bloc_milieu_sous_titre {
    color: #000;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 175% */
    margin-bottom: 1.94rem;
}

.login_bloc_milieu label {
    color: #000;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.login_bloc_milieu input[type="text"],
.login_bloc_milieu input[type="password"] {
    width: 28.75rem;
    height: 3.4375rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    border: 2px solid #EBEBEB;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 1.31rem;
    margin-top: 0.94rem;
    margin-bottom: 1.56rem;
}

.login_bloc_milieu_option {
    display: flex;
    gap: 7rem;
    vertical-align: middle;
}



.login_bloc_milieu_option_remember span {
    color: #000;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 175% */
    padding-left: 1.12rem;
}

.login_bloc_milieu_option_forget {
    color: #A3A3A3;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 175% */
}

.login_bloc_milieu button {
    width: 28.6875rem;
    height: 3.4375rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    background: #1D92CD;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    margin-top: 1.94rem;
}

.login_bloc_milieu_creation_compte {
    margin-top: 2rem;
}

.login_bloc_milieu_creation_compte button {
    width: 28.6875rem;
    height: 3rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    background: #1D92CD;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    margin-top: 0.25rem;
}


.inscription_main {
    display: flex;
}


.inscription_bloc_gauche {
    background: url('../images/login_plage.jpg') lightgray 50% / cover no-repeat;
    width: 60rem;
    height: 50rem;
    margin-right: 6.81rem;
}

.inscription_bloc_gauche h2 {
    padding-top: 38rem;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 2.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.875rem; /* 147.619% */
    text-transform: capitalize;
    padding-left: 9.19rem;
    margin-bottom: 0.75rem;
}

.inscription_bloc_gauche p {
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 127.273% */
    width: 31.5625rem;
    padding-left: 9.19rem;
    margin-top: 0rem;
}

.inscription_bloc_milieu {
    padding-top: 5rem;
}


.inscription_bloc_milieu h2,
.inscription_bloc_milieu h1 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.6875rem; /* 102.381% */
    text-transform: capitalize;
    margin-top: 0rem;
    margin-bottom: 1.44rem;
}

.inscription_bloc_milieu_sous_titre {
    color: #000;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 175% */
    margin-bottom: 1.94rem;
}

.inscription_bloc_milieu label {
    color: #000;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.inscription_bloc_milieu input[type="text"],
.inscription_bloc_milieu input[type="password"],
.inscription_bloc_milieu input[type="email"] {
    width: 28.75rem;
    height: 3.4375rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    border: 2px solid #EBEBEB;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 1.31rem;
    margin-top: 0.94rem;
    margin-bottom: 1.56rem;
}




.inscription_bloc_milieu_option_remember span {
    color: #000;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 175% */
    padding-left: 1.12rem;
}

.inscription_bloc_milieu_option_forget {
    color: #A3A3A3;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 175% */
}

.inscription_bloc_milieu button {
    width: 28.6875rem;
    height: 3.4375rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    background: #1D92CD;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    margin-top: 1.94rem;
}


.inscription_bloc_droite button {
    width: 8.5rem;
    height: 3rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    background: #1D92CD;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    margin-top: 1.25rem;
}

.inscription_consigne_mot_de_passe {
    margin-top: 25.94rem;
}

.inscription_consigne_mot_de_passe h3 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2rem;
}

.inscription_consigne_mot_de_passe p {
    color: #323439;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem;
    margin-top: 1rem;
}


.personnel_dashboard_barre_compte_personnel {
    background: #26316B;
    height: auto;
    display: flex;
    padding-left: 10%;
    padding-right: 10%;
    align-items: center;
    justify-content: space-between;
}

.personnel_dashboard_barre_compte_personnel_titre h1{
    color: #FFF;
    font-family: "Centra No2";
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.6875rem; /* 134.375% */
    text-transform: capitalize;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.personnel_dashboard_barre_compte_personnel_username {
    color: #FFF;
    text-align: center;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 175% */
}

.personnel_dashboard_barre_compte_personnel_modification button {
    width: 8.4375rem;
    height: 3rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    background: #FFF;
    color: #27AAE1;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.personnel_dashboard_barre_compte_personnel_modification img {
    margin-right: 0.56rem;
}

.personnel_dashboard_plages_favorites {
    margin-left: 10%;
    margin-right: 10%;
}

.personnel_dashboard_plages_favorites h2 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 2.94rem;
    margin-bottom: 2rem;
}

.personnel_dashboard_plages_favorites_groupe_div {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.5rem;
}

.personnel_dashboard_avis {
    margin-left: 10%;
    margin-right: 10%;
}

.personnel_dashboard_avis h2 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 2.88rem;
    margin-bottom: 4rem;
}

.personnel_dashboard_photos {
    margin-top: 1.75rem;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 5.13rem;
}

.personnel_dashboard_photos h2 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.detail_plage_section_commentaire_en_tete_desktop {
    display: block;
}

.detail_plage_section_commentaire_en_tete_mobile {
    display: none;
}


.blog_filtre_categories_mobile {
    display: none;
}

.inscription_consigne_mot_de_passe_mobile {
    display: none;
}

.tuile_recherche_sous_filtres {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;

    border: none;
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 55rem;
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
}

.tuile_recherche_sous_filtres details {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    padding: 0.5rem;
}

.tuile_recherche_sous_filtres summary {
    cursor: pointer;
    margin-bottom: 0.5rem;
}

.tuile_recherche_sous_filtres label {
    display: block;
    margin-bottom: 0.4rem;
}


.professionnal_dashboard_barre_compte_personnel {
    background: #26316B;
    height: auto;
    display: flex;
    padding-left: 10%;
    padding-right: 10%;
    align-items: center;
    justify-content: space-between;
}


.professionnal_dashboard_barre_compte_personnel_titre h1{
    color: #FFF;
    font-family: "Centra No2";
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.6875rem; /* 134.375% */
    text-transform: capitalize;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.professionnal_dashboard_barre_compte_personnel_username {
    color: #FFF;
    text-align: center;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 175% */
}

.professionnal_dashboard_barre_compte_personnel_buttons {
    display: flex;
    gap: 1.5rem;
}

.professionnal_dashboard_barre_compte_personnel_modification {
    width: 8.4375rem;
    height: 3rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    background: #FFF;
    color: #27AAE1;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.professionnal_dashboard_barre_compte_personnel_etablissement {
    width: 8.4375rem;
    height: 3rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    background: #27AAE1;
    color: #fff;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.professionnal_dashboard_barre_compte_personnel_modification img {
    margin-right: 0.56rem;
}


.professionnal_dashboard_resume {
    display: flex;
    gap: 2.75rem;
    margin-left: 10%;
    margin-right: 10%;
    align-items: top;
    justify-content: center;
    margin-top: 2.25rem;
}

.professionnal_dashboard_resume_etablissements,
.professionnal_dashboard_resume_premium,
.professionnal_dashboard_resume_plan_abonnement_actuel {
    padding-left: 2.12rem;
    padding-right: 2.12rem;
    max-width: 29.75rem;
    width: 100%;
    padding-bottom: 3rem;
    padding-top: 2.38rem;
    border-radius: 0.625rem;
    border: 1px solid #27AAE1;
    background: #F3FBFF;
}

.professionnal_dashboard_resume_etablissements h2,
.professionnal_dashboard_resume_premium h2,
.professionnal_dashboard_resume_plan_abonnement_actuel h2 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding: 0;
}

.professionnal_dashboard_resume_etablissements p,
.professionnal_dashboard_resume_premium p,
.professionnal_dashboard_resume_plan_abonnement_actuel p {
    color: #27AAE1;
    font-family: "Centra No2";
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding: 0;
}

.professionnal_dashboard_resume_plan_abonnement_actuel p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
}

.professionnal_dashboard_resume_plan_abonnement_actuel button {
    width: 15.4375rem;
    height: 2.5rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    background: #27AAE1;
    color: #fff;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 2rem;
}



.professionnal_dashbord_resume_support_pro {
    padding-left: 2.12rem;
    padding-right: 2.12rem;
    max-width: 29.75rem;
    width: 100%;
    padding-bottom: 3rem;
    padding-top: 2.38rem;
    border-radius: 0.625rem;
    border: 1px solid #27AAE1;
    background: #F3FBFF;
}

.professionnal_dashbord_resume_support_pro h2 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    
    margin-bottom: 1.5rem;
    padding: 0;
}

.professionnal_dashbord_resume_support_pro p {
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.55rem; /* 155.556% */
    color: #27AAE1;
    font-family: "Centra No2";
    margin: 0;
    display: flex;
    align-items: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    vertical-align: middle;
}

.professionnal_dashbord_resume_support_pro button {
    width: 15.4375rem;
    height: 2.5rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    background: #27AAE1;
    color: #fff;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 2rem;
}

.professionnal_dashbord_resume_support_pro img {
    width: 2rem;
}








.professionnal_dashboard_liste_etablissements {
    margin-left: 10%;
    margin-right: 10%;
}

.professionnal_dashboard_liste_etablissements h2 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.professionnal_dashboard_liste_etablissements_groupe {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.56rem;
}


.professionnal_dashboard_tuile_etablissement {
    border-radius: 0.625rem;
    background: #FFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);
    max-width: 22.9375rem;
    width: 100%;
    padding-top: 1.81rem;
    padding-left: 1.56rem;
    padding-right: 1.44rem;
    margin-bottom: 1.88rem;
}

.professionnal_dashboard_tuile_etablissement_en_tete {
    display: flex;
    justify-content: space-between; /* met les deux div aux extrémités */
    padding-bottom: 1rem;
}

.professionnal_dashboard_tuile_etablissement_en_tete h3 {
    margin:0;
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.professionnal_dashboard_tuile_etablissement_en_tete span {
    
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    background: #1D92CD;
    width: 8.1875rem;
    height: 2.4375rem;
    flex-shrink: 0;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.professionnal_dashboard_tuile_etablissement_plages,
.professionnal_dashboard_tuile_etablissement_villes,
.professionnal_dashboard_tuile_etablissement_departements {
    display: flex;
    border-bottom: 0.0625rem solid #EAEAEA;
    justify-content: space-between;
}

.professionnal_dashboard_tuile_etablissement_plages_parametres,
.professionnal_dashboard_tuile_etablissement_villes_parametres,
.professionnal_dashboard_tuile_etablissement_departements_parametres {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}




.professionnal_dashboard_tuile_etablissement_plages_nombre,
.professionnal_dashboard_tuile_etablissement_villes_nombre,
.professionnal_dashboard_tuile_etablissement_departements_nombre {
    color: #323439;
    font-family: "Centra No2";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.3125rem; /* 264.286% */
}

.professionnal_dashboard_tuile_etablissement_plages_ajouter,
.professionnal_dashboard_tuile_etablissement_villes_ajouter,
.professionnal_dashboard_tuile_etablissement_departements_ajouter {
    background-color: #D6F1F9;
    text-align: center;
    border-radius: 1rem;
    width: 1.4375rem;
    height: 1.4375rem;
}

.professionnal_dashboard_tuile_etablissement_plages_visualiser,
.professionnal_dashboard_tuile_etablissement_villes_visualiser,
.professionnal_dashboard_tuile_etablissement_departements_visualiser {
    background-color: #F9EDD6;
    text-align: center;
    border-radius: 1rem;
    width: 1.4375rem;
    height: 1.1875rem;
    vertical-align: middle;
    padding-top: 0.15rem;
}

.professionnal_dashboard_tuile_etablissement_footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.professionnal_dashboard_tuile_etablissement_en_tete svg {
    margin-right: 0.56rem;
}

.professionnal_dashboard_tuile_etablissement_footer_premium,
.professionnal_dashboard_tuile_etablissement_footer_modification {

    display: flex;
    align-items: center;
    justify-content: center;
}

.professionnal_dashboard_tuile_etablissement_footer_premium svg {
    width: 1.0625rem;
    height: 1.0625rem;
}

.professionnal_dashboard_tuile_etablissement_footer_premium {
    border-right: 0.0625rem solid #DFDFDF;
    padding-right: 1.25rem;
}

.professionnal_dashboard_modification {
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 2rem;
    color: #000;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 2rem;
}

.professionnal_dashboard_modification_groupe {
    margin-top: 1rem;
    display: block;
}

.professionnal_dashboard_modification_groupe input[type="text"],
.professionnal_dashboard_modification_groupe input[type="email"],
.professionnal_dashboard_modification_groupe input[type="tel"],
.professionnal_dashboard_modification_groupe input[type="url"],
.professionnal_dashboard_modification_groupe input[type="password"] {
    height: 2.875rem;
    width: 25rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    border: 2px solid #EBEBEB;
    color: #000;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 0.5rem;
}

.professionnal_dashboard_modification_groupe textarea {
    width: 25rem;
    height: 7.125rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    border: 2px solid #EBEBEB;
}

.professionnal_dashboard_modification button {
    border-radius: 0.5rem;
    background: #1D92CD;
    width: 15rem;
    height: 3rem;
    flex-shrink: 0;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
}

.page_etablissement_en_tete {
    margin-left: 10%;
    margin-right: 10%;
    display: flex;
    margin-top: 3rem;
    gap: 10rem;
}

.page_etablissement_en_tete_logo_titre {
    text-align: center;
}

.page_etablissement_en_tete_logo_titre img {
    max-width: 12rem;
}

.page_etablissement_en_tete_logo_titre h1 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.page_etablissement_en_tete_description {
    text-align: center;
}

.page_etablissement_en_tete_description h1 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.6875rem; /* 134.375% */
    text-transform: capitalize;
}

.page_etablissement_en_tete_description h2,
.page_etablissement_en_tete_description h3,
.page_etablissement_en_tete_cordonnees h2 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.6875rem; /* 179.167% */
    text-transform: capitalize;
}

.page_etablissement_en_tete_description p,
.page_etablissement_en_tete_cordonnees p,
.page_etablissement_en_tete_description li,
.page_etablissement_en_tete_cordonnees td,
.page_etablissement_en_tete_cordonnees th {
    color: #323439;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 155.556% */
}

.page_etablissement_en_tete_description ul {
  list-style-type: none;
  padding-left: 0;
}


.page_etablissement_en_tete_cordonnees h2 {
    margin: 0;
}

.page_etablissement_en_tete_cordonnees p {
    margin: 0;
    padding: 0.5rem;
}

.page_etablissement_en_tete_lien {
    color: #27AAE1;
    font-family: "Centra No2";
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    margin-top: 1rem;
    padding-bottom: 1rem;
}

.page_etablissement_plages_liees {
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 5rem;
    margin-bottom: 3rem;
}

.page_etablissement_plages_liees h2 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.6875rem; /* 179.167% */
    text-transform: capitalize;
}

.page_etablissement_plages_liees_bloc {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 3rem;
}

.page_etablissement_en_tete_liens_externes_groupe {
    margin-top: 2rem;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 0.5rem;
}

.page_etablissement_en_tete_liens_externes_groupe img {
    width: 2rem;
}

.page_etablissement_en_tete_lien img {
    width: 1rem;
}

.donner_avis_plage {
    margin-left: 10%;
    margin-right: 10%;
}

.donner_avis_plage h1 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 0rem;
    margin-bottom: 1.12rem;
}

.donner_avis_plage h2 {
    
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1.725rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 0rem;
    margin-bottom: 1.12rem;
}
.donner_avis_plage h3 {
    
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1.225rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 0rem;
    margin-bottom: 1.12rem;
}


.donner_avis_plage form label {
    color: #000;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem;
}

.donner_avis_plage select {
    border-radius: 0.5rem;
    border: 2px solid #EBEBEB;
    border: none;
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    margin: 0.4rem;
}

.categorie-bloc {
    padding: 2rem;
    margin: 1rem;
    border-radius: 0.625rem;
    border: 0.0625rem solid #26316B;
    background: #F3FBFF;
    max-width: 25rem;
}

.champ-critere {
    display: flex;
    
    justify-content: space-between;
    border-bottom: 0.0625rem solid #26316B;
}

.donner_avis_plage button {
    border-radius: 0.5rem;
    background: #1D92CD;
    width: 15rem;
    height: 3rem;
    flex-shrink: 0;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    margin: 1rem;
}



.support_pro {
    margin-left: 10%;
    margin-right: 10%;
    display: flex;
    justify-content: space-between;
    gap: 5rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.support_pro h1 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.15rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    margin-bottom: 1.5rem;
    padding: 0;
}

.support_pro_form form div {
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 155.556% */
    color: #000;
    font-family: "Centra No2";
}


.support_pro_form input[type="text"] {
    height: 2.875rem;
    width: 25rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    border: 2px solid #EBEBEB;
    color: #000;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 0.5rem;
}

.support_pro_form textarea {
    width: 35.5875rem;
    height: 12.125rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    border: 2px solid #EBEBEB;
}


.support_pro_form button {
    
    border-radius: 0.5rem;
    background: #1D92CD;
    width: 15rem;
    height: 3rem;
    flex-shrink: 0;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
}




.support_pro_resume {
    padding-left: 2.12rem;
    padding-right: 2.12rem;
    max-width: 29.75rem;
    width: 100%;
    padding-bottom: 3rem;
    padding-top: 2.38rem;
    border-radius: 0.625rem;
    border: 1px solid #27AAE1;
    background: #F3FBFF;
}

.support_pro_resume h2 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    
    margin-bottom: 1.5rem;
    padding: 0;
}

.support_pro_resume p {
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 155.556% */
    color: #27AAE1;
    font-family: "Centra No2";
    margin: 0;
    display: flex;
    align-items: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    vertical-align: middle;
}

.support_pro_resume button {
    width: 15.4375rem;
    height: 2.5rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    background: #27AAE1;
    color: #fff;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 2rem;
}

.support_pro_resume img {
    width: 2rem;
}


.confirmation_message_envoye {
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 3rem;
    margin-bottom: 3rem;
}


.confirmation_message_envoye h2 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.confirmation_message_envoye p {
    color: #323439;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 155.556% */
    margin-top: 1rem;
    margin-bottom: 1rem;
}




.visibilite_pro {
    display: flex;
    gap: 2rem;
    justify-content: center; /* centre les divs horizontalement */
    margin-top: 3.06rem;
}

.visibilite_pro_plage,
.visibilite_pro_etablissement,
.visibilite_pro_ville {
    border-radius: 0.9375rem;
    background: #FFF;
    padding-left: 2.06rem;
    padding-top: 1.81rem;
    padding-right: 2.25rem;
    padding-bottom: 2.25rem;
    max-width: 24rem;
}

.visibilite_pro_plage_tag,
.visibilite_pro_etablissement_tag,
.visibilite_pro_ville_tag {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;               /* Active Flexbox */
    justify-content: center;     /* Centre horizontalement */
    align-items: center;         /* Centre verticalement */
    margin-top: 0rem;
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
}

.visibilite_pro_plage_tag {
    width: 6.9375rem;
    height: 2.3125rem;
    flex-shrink: 0;
    border-radius: 2.1875rem;
    background: #D6F1F9;    
}

.visibilite_pro_etablissement_tag {
    width: 10.9375rem;
    height: 2.3125rem;
    flex-shrink: 0;
    border-radius: 2.1875rem;
    background: #F9EDD6;
}

.visibilite_pro_ville_tag {
    width: 9.5625rem;
    height: 2.3125rem;
    flex-shrink: 0;
    border-radius: 2.1875rem;
    background: #D6F1F9;
}

.visibilite_pro_plage_prix,
.visibilite_pro_ville_prix {
    color: #1D92CD;
    font-family: "Centra No2";
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.visibilite_pro_etablissement_prix {
    color: #F0D196;
    font-family: "Centra No2";
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.visibilite_pro_plage_fonctionnalites,
.visibilite_pro_etablissement_fonctionnalites,
.visibilite_pro_ville_fonctionnalites {
    color: #323439;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.4375rem; /* 243.75% */
}

.visibilite_pro_creer_compte button {
    width: 18.75rem;
    height: 3rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    background: #1D92CD;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
}

.visibilite_pro_creer_compte_section {
    text-align: center;
    margin-top: 2.56rem;
    padding-bottom: 3.44rem;
}

.visibilite_pro_creer_compte_section p {
    color: #000;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 155.556% */
}


.inscription_pro_informations button {
    width: 18.75rem;
    height: 3rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    background: #1D92CD;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;

}

.nos_offres_en_tete button {
    width: 18.75rem;
    height: 3rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    background: #1D92CD;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    margin-top: 1rem;
}


.etablissements_plage_sous_menu {
    background: #26316B;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 10%;
    padding-right: 10%;
}

.etablissements_plage_sous_menu_retour img {
    margin-right: 2rem;
}

.etablissements_plage_sous_menu_infos_plage h2 {
    color: #FFF;
    text-align: center;
    font-family: "Centra No2";
    font-size: 2.125rem;
    font-style: normal;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
}

.etablissements_plage_sous_menu_retour,
.etablissements_plage_sous_menu_infos_plage p {
    color: #FFF;
    text-align: center;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    text-transform: capitalize;
}


.etablissements_plage_sous_menu_photo img {
    max-width: 20rem;
    max-height: 10rem;
    border-radius: 1rem;
}

.etablissements_plage_map {
    margin-left: 10%;
    margin-right: 10%;
}

.etablissements_plage_map h1 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.etablissements_plage_etablissements_recommandes {
    padding-left: 10%;
    padding-right: 10%;
    background-color: #26316B;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: 2rem;
}

.etablissements_plage_etablissements_recommandes h2 {
    color: #FFF;
    font-family: "Centra No2";
    font-size: 2.125rem;
    font-style: normal;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
}

.etablissements_plage_etablissements_recommandes_groupe {
    margin-top: 2rem;
    display: flex;
    gap: 3rem;
}


.etablissements_plage_restaurants,
.etablissements_plage_hotels,
.etablissements_plage_campings,
.etablissements_plage_activites,
.etablissements_plage_categorie {
    margin-left: 10%;
    margin-right: 10%;
}

.etablissements_plage_restaurants_en_tete_texte,
.etablissements_plage_hotels_en_tete_texte,
.etablissements_plage_campings_en_tete_texte,
.etablissements_plage_activites_en_tete_texte,
.etablissements_plage_categorie_en_tete_texte {
    display: flex;
    align-items: center; /* Aligne verticalement les éléments */
}

.etablissements_plage_restaurants_en_tete_texte h2,
.etablissements_plage_hotels_en_tete_texte h2,
.etablissements_plage_campings_en_tete_texte h2,
.etablissements_plage_activites_en_tete_texte h2,
.etablissements_plage_categorie_en_tete_texte h2 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.etablissements_plage_restaurants_en_tete_voir_plus,
.etablissements_plage_hotels_en_tete_voir_plus,
.etablissements_plage_campings_en_tete_voir_plus,
.etablissements_plage_activites_en_tete_voir_plus {
    color: #27AAE1;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    text-transform: capitalize;
    padding-left: 1.19rem;
}

.etablissements_plage_restaurants_en_tete_voir_plus img,
.etablissements_plage_hotels_en_tete_voir_plus img,
.etablissements_plage_campings_en_tete_voir_plus img,
.etablissements_plage_activites_en_tete_voir_plus img {
    width: 0.8125rem;
    flex-shrink: 0;
}

.etablissements_plage_restaurants_groupe,
.etablissements_plage_hotels_groupe,
.etablissements_plage_campings_groupe,
.etablissements_plage_activites_groupe {
    display: flex;
}

.etablissements_plage_restaurants_groupe_carousel_conteneur,
.etablissements_plage_hotels_groupe_carousel_conteneur,
.etablissements_plage_campings_groupe_carousel_conteneur,
.etablissements_plage_activites_groupe_carousel_conteneur {
  overflow: hidden;
}

.etablissements_plage_restaurants_groupe_carousel,
.etablissements_plage_hotels_groupe_carousel,
.etablissements_plage_campings_groupe_carousel,
.etablissements_plage_activites_groupe_carousel {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
  padding-bottom: 1rem;
  gap: 1.5rem;
}

.etablissements_plage_restaurants_groupe_carousel::-webkit-scrollbar,
.etablissements_plage_hotels_groupe_carousel::-webkit-scrollbar,
.etablissements_plage_campings_groupe_carousel::-webkit-scrollbar,
.etablissements_plage_activites_groupe_carousel::-webkit-scrollbar {
  display: none; /* Chrome/Safari */
}

.tuile_etablissement_logo_activite {
    width: 1.7rem;
}

.etablissements_plage_categorie_groupe {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.5rem;
}

.detail_plage_information_map_etablissements img {
    width: 1.7rem;
}

.detail_plage_information_map_etablissements {
    padding-bottom: 2rem;
}

.detail_plage_information_map_etablissements button {
    width: 18.75rem;
    height: 3rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    background: #1D92CD;
    color: #FFF;
    font-family: "Centra No2";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    margin-top: 1rem;
}

.tuile_etablissement_lien_externe,
.tuile_etablissement_lien_itinineraire {
    padding-left: 1.19rem;
    margin-top: 0rem;
    padding-top: 0rem;
    color: #323439;
    font-family: "Centra No2";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3125rem;
    margin-bottom: 0.81rem;
    padding-bottom: 0rem;
}

.tuile_etablissement_lien_itinineraire img {
    max-width: 1.5rem;
    max-height: 1.5rem;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
}

.tuile_etablissement_lien_externe img {
    margin-right: 0.75rem;
    max-width: 1.5rem;
    max-height: 1.5rem;
}


.detail_plage_section_autres_plages {
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 3rem;
}

.detail_plage_section_autres_plages h2 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.detail_plage_section_autres_plages_groupe_tuile {
    display: flex;
    gap: 1.5rem;
}

.nos_selections {
    margin-bottom: 2rem;
}

.nos_selections_groupe_tuile {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
}

.tuile-selection {
    width: 14.75rem;
    height: 17.125rem;
    flex-shrink: 0;
    border-radius: 0.625rem;
    background: #FFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);
}

.tuile-selection-img {
    width: 14.75rem;
    height: 9.1875rem;
    flex-shrink: 0;
    border-radius: 0.625rem 0.625rem 0rem 0rem;
}

.tuile-selection h3 {
    margin: 0rem;
    font-size: 1.2rem;
    padding-left: 0.5rem;
}

.tuile_selection_nb_plages {
    color: #606060;
    font-family: "Centra No2";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem; /* 157.143% */
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.44rem;
    margin-top: 0.19rem;
    margin-bottom: 0rem;
}

.tuile-selection-img-plage-svg {
    display: block;
}


.detail_plage_booking .booking-logo {

    max-width: 300px;  /* Taille maximale */
    height: auto;      /* Garde les proportions */
}

/* ==========================================
   WIDGET BOOKING.COM
   ========================================== */

.detail_plage_booking {
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.detail_plage_booking h2 {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 1.5rem;
}

.detail_plage_booking_contenu {
    background: #FFFFFF;
    border: 0.0625rem solid #E8E8E8;
    border-radius: 0.75rem;
    padding: 2rem;
}

.detail_plage_booking_logo {
    text-align: center;
    border-bottom: 0.0625rem solid #E8E8E8;
}

.detail_plage_booking_logo img {
    max-width: 400px;
    height: auto;
    opacity: 0.9;
}

/* Formulaire */
.booking_form_dates {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}

.booking_form_guests {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
    margin-bottom: 1.5rem;
}

.booking_input_group {
    display: flex;
    flex-direction: column;
}

.booking_input_group label {
    color: #26316B;
    font-family: "Centra No2";
    font-size: 0.9375rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.booking_input_group input[type="date"],
.booking_input_group select {
    padding: 0.75rem 1rem;
    border: 0.0625rem solid #DCDCDC;
    border-radius: 0.5rem;
    font-family: "Centra No2";
    font-size: 1rem;
    color: #26316B;
    background: #FFFFFF;
    transition: border-color 0.3s ease;
}

.booking_input_group input[type="date"]:focus,
.booking_input_group select:focus {
    outline: none;
    border-color: #1D92CD;
}

/* Bouton - même style que vos autres boutons */
.booking_submit_button {
    width: 100%;
    height: 3.5rem;
    background: #1D92CD;
    color: #FFFFFF;
    border: none;
    border-radius: 0.75rem;
    font-family: "Centra No2";
    font-size: 1.125rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.booking_submit_button:hover {
    background: #187cb0;
}

/* Disclaimer */
.booking_disclaimer {
    text-align: center;
    color: #666;
    font-family: "Centra No2";
    font-size: 0.875rem;
    margin-top: 1rem;
    margin-bottom: 0;
}

.dashboard_admin_div {
    padding-left: 10%;
}


/* --------- Mobile Header --------- */
@media screen and (max-width: 768px) {
    header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 1rem;
    position: relative;
    }

    .burger {
    display: block;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    }

    .burger img {
    width: 24px;
    height: 24px;
    }

    nav.main_nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: white;
    padding: 1rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    }

    nav.main_nav.open {
    display: block;
    }

    nav.main_nav ul {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
    }

    nav.main_nav ul li a {
    text-decoration: none;
    color: #001133;
    font-size: 1rem;
    }

    .header_logo {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    }

    .header_button_login_register .button_login_register span {
    display: none;
    }

    .header_button_login_register .button_login_register img {
    width: 24px;
    height: 24px;
    }

    /* Optionnel : centrer le logo au milieu du header */
    header {
    position: relative;
    }

    .button_login_register {
    width: 1.75rem;
    height: 1.75rem;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    background-color: #FFF;
    }

    .button_login_register span {
    display: none;
    }

    .header_button_user_blanc_img {
    display: none;
    }

    .header_button_user_bleu_img {
    display: block;
    }


    .header_button_login_register {
    z-index: 1;
    }

    .hero {
    width: 100%;
    height: auto;
    flex-shrink: 0;
    }

    .hero-text h1 {
    color: #FFF;
    text-align: center;
    font-family: "Centra No2";
    font-size: 2.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.125rem; /* 113.636% */
    text-transform: capitalize;
    width: 25.4375rem;
    margin-top: 3.25rem;
    }

    .sous_titre_hero {
        width: 23.5rem;
        color: #FFF;
        text-align: center;
        font-family: "Centra No2";
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-left: auto;
        margin-right: auto;
        margin-top: 1rem;
        margin-bottom: 0rem;
    }

    .filter-form {
        width: 90%;
        height: auto;
        display: block;
    }

    .search-button {
        width: 100%;
        height: 2.4375rem;
    }

    .icon.ville,
    .icon.departement,
    .icon.water {
        margin-left: 1.06rem;
        margin-right: 0.69rem;
        width: 1.625rem;
        height: 1.625rem;
    }

    .tuile_recherche_sous_filtres {
        display: block;
        width: 15rem;
    }

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

    .filter-item {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    
    .filter-item select {
        font-size: 0.8rem;
    }

    .filter-form-mobile {
    display: none;
    }

    .filter-form-mobile {
        width: 23.625rem;
        height: 3.9375rem;
        flex-shrink: 0;
        border-radius: 0.5rem;
        background: #FFF;
        display: flex;
        margin-left: auto;
        margin-right: auto;
        margin-top: 1.94rem;
        margin-bottom: 0rem;
    }

    .search-input {
        width: 23.625rem;
        height: 3.9375rem;
        border-radius: 0.5rem;
        flex: 1;
        border: none;
        padding: 1rem;
        font-family: "Centra No2", sans-serif;
        font-size: 0.8rem;
        color: #4A4A4A;
        outline: none;
    }

    .search-input::placeholder {
    color: #8A8A8A;
    }

    .search-button-mobile {
    width: 3.5rem;
    background-color: #1D92CD;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    }

    .icon-search-mobile {
    width: 1.5rem;
    height: 1.5rem;
    background-image: url('../svg/search.svg'); /* Assure-toi que l’icône est blanche */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    }

    .sous_titre_form_hero {
        margin-top: 1.81rem;
        margin-bottom: 0rem;
    }



    .plages-populaires {
        margin-left: 5%;
        margin-right: 5%;
    }

    .plages-populaires h2 {
        margin-left: auto;
        margin-right: auto;
        font-size: 1.75rem;
    }

    .plages-populaires-carousel {
        gap: 1rem;
    }


    .tuile-plage {
        overflow: hidden;
        width: 11rem;
        height: auto;
        flex-shrink: 0;
        box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);
        
    }


    .tuile-plage-photo-plage {
        width: 11rem;
        height: 8.3125rem;
    }


    .tuile-plage-card-header {
        position: relative;
    }

    .tuile-plage-heart-icon img {
        width: 1.25rem;
        height: 1.25rem;
        flex-shrink: 0;
    }

    .tuile-plage-body {
        padding-left: 0.8rem;
    }

    .tuile-plage-title {
        font-size: 1.125rem;
        line-height: 1.3125rem; /* 116.667% */
    }

    .plage-div-score {
        display: flex;
        align-items: center;
        margin-bottom: 0.5rem;
    }

    .plage-div-score span {
        margin-left: 0.5rem;
        color: #f7a900;
        font-size: 1rem;
    }

    .plage-score {
        width: 1.625rem;
        height: 0.9375rem;
        
        font-size: 0.75rem;
    }

    .tuile-plage-location {
        font-size: 0.875rem;
        line-height: 1.0625rem; /* 121.429% */
    }


    .tag-lac {
        width: 3.1875rem;
        height: 1.3125rem;
        font-size: 0.8125rem;
        line-height: 1.375rem
    }

    .tag-famille {
        width: 4.1875rem;
        height: 1.3125rem;
        font-size: 0.8125rem;
        line-height: 1.375rem
    }

    .tuile-plage-footer {
        display: flex;
        justify-content: space-between;
        padding-top: 0.63rem;
        border-top: 1px solid #DBDBDB;
        margin-left: 0.5rem;
        margin-right: 2rem;
    }

    .tuile-plage-footer div {
        gap: 0rem;
    }

    .tuile-plage-footer-commentaire span {
        font-size: 0.48rem;
        line-height: 1.375rem; /* 183.333% */
        padding-right: 0.2rem;
        padding-left: 0.2rem;
    }

    .tuile-plage-footer-photo span {
        color: #26316B;
        font-family: "Centra No2";
        font-size: 0.48rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.375rem; /* 146.667% */
        padding-left: 0.2rem;
    }

    .preparez_vos_vacances {
        margin-top: 2rem;
        margin-left: 5%;
        margin-right: 5%;
        display: block;
        height: auto;
    }

    .preparez_vos_vacances img {
        width: 23rem;
        border-radius: 0.625rem 0.625rem 0rem 0rem;
        height: 18.0625rem;
    }

    .preparez_vos_vacances .bloc-droite {
        border-radius: 0rem 0rem 0.625rem 0.625rem;
        width: 23rem;
        height: 30rem;
    }

    .preparez_vos_vacances h2 {
        margin-top: 0rem;
    }

    .preparez_vos_vacances p {
        width: 19.8125rem;
    }


    .section-carousel {
        margin-left: 5%;
        margin-right: 5%;
    }

    .nos-destinations-preferees {
        margin-top: 1rem;
    }


    .nos-destinations-preferees-header h2 {
        font-size: 1.45rem;
    }

    .nos-destinations-preferees-carousel {
        gap: 1rem;
    }

    .nos-destinations-preferees-tuile {
        width: 11rem;
        height: 13.25rem;
        flex-shrink: 0;
        border-radius: 0.625rem;
    }

    .nos-destinations-preferees-tuile p {
        padding-top: 8rem;
    }

    


    .homepage-creer-compte {
        margin-top: 1rem;
        height: auto;
        padding-bottom: 3rem;
    }

    .homepage-creer-compte h2 {
        font-size: 2rem;
        padding-top: 1.75rem;
    }

    .homepage-creer-compte-groupe-div {
        display: block;
    }

    .homepage-creer-compte-groupe-div img {
        padding-left: 1rem;
    }

    .homepage-creer-compte-groupe-div h3 {
        margin: 0;
        text-align: left;
    }

    .homepage-creer-compte-groupe-div p {
        text-align: left;
    }

    .homepage-creer-compte-groupe-div div {
        width: auto;
    }

    .homepage-creer-comptediv-texte {
        padding-left: 1.5rem;
        padding-right: 1rem;
    }

    .homepage-creer-compte-plage-favorite,
    .homepage-creer-compte-notez-plages,
    .homepage-creer-compte-importez-photos {
        display: flex;
        padding-top: 1.5rem;
    }

    .homepage-creer-compte-bouton-div {
        margin-top: 2.5rem;
    }


    .homepage-trouver-activites {
        display: block;
        margin-top: 0rem;
        margin-left: 5%;
        margin-right: 5%;
        /*height: 200rem;*/
        height: auto;
        padding-bottom: 2rem;
    }
    

    .homepage-trouver-activites-texte {
        padding-top: 1rem;
        padding-right: 0rem;
        width: auto;
        text-align: center;
    }

    .homepage-trouver-activites-texte h2 {
        font-size: 2rem;
    }

    .homepage-trouver-activites-texte p {
        font-size: 1.125rem;
    }

    .homepage-trouver-activites-groupe-div-mobile {
        display: flex;
        gap: 0.5rem;
        margin-top: 2.5rem;
    }


    .homepage-trouver-activites-illustration {
        width: 7.4rem;
        height: 12.25rem;
    }

    .homepage-trouver-activites p img {
        padding-left: 0rem;
    }

    .homepage-trouver-activites-groupe-div-mobile p {
        font-size: 0.8rem;
        line-height: 0.95rem;
    }

    .homepage-trouver-activites-groupe-div-mobile p img {
        width: 0.875rem;
    }

    .homepage-explorer-plages-regions {
        height: auto;   
    }

    .homepage-explorer-plages-regions-contenu {
        display: block;
    }

    .homepage-explorer-plages-regions-carousel {
        overflow: unset;
        display: none;
    }

    .homepage-explorer-plages-regions-map-context {
        padding-bottom: 1.94rem;
    }

    .homepage-explorer-plages-regions-map-context h2 {
        display: block;
        color: #FFF;
        font-family: "Centra No2";
        font-size: 2rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
        margin-left: 5%;
        margin-right: 5%;
        text-align: center;
        padding-top: 2rem;
    }

    .homepage-explorer-plages-region-button-partner {
        width: 11.75rem;
        padding-bottom: 4.4rem;
        margin-left: 5%;
        margin-top: 0rem;
    }

    .homepage-explorer-plages-region-map {
        margin-left: 5%;
        margin-right: 5%;
        width: auto;
        
    }

    .homepage-boost-visibility {
        margin-left: 5%;
        margin-right: 5%;
    }

    .homepage-boost-visibility h2 {
        font-size: 2rem;
        line-height: 2.375rem;
        padding-top: 3rem;
    }

    .homepage-boost-visibility p {
        text-align: center;
        font-size: 1.125rem;
        line-height: 1.75rem;
        margin-left: 5%;
        margin-right: 5%;
        width: auto;
    }

    .homepage-boost-visibility button {
        margin-right: 0rem;
        width: auto;
    }

    
    .homepage-notre-blog {
        margin-top: 1rem;
    }

    .homepage-notre-blog-header {
        font-size: 2rem;
    }

    .homepage-notre-blog-carousel {
        gap: 1.25rem;
        padding-bottom: 0rem;
    }

    .tuile-article {
        width: 10.5rem;
        height: auto;
    }

    .tuile-article-photo {
        width: 10.5rem;
    }

    .tuile-article-date {
        font-size: 0.75rem;
        line-height: 1.375rem;
        margin-top: 1rem;
    }

    .tuile-article-calendrier-svg {
        width: 1.1875rem;
        height: 1.1875rem;
    }

    .tuile-article h2 {
        margin-top: 0rem;
    }

    footer {
        height: auto;
        margin-top: 2.75rem;
    }

    .footer-div-logo {
        display: flex;
    }

    .footer-groupe-div {
        display: block;
        padding-top: 1.56rem;
    }

    .footer-div-liens {
        padding-top: 2rem;
    }

    .footer-div-restons-contact {
        padding-top: 3rem;
    }

    .footer-slogan {
        margin-left: 5%;
        margin-right: 5%;
        padding-bottom: 5rem;
    }

    .section_search_near_location {
        padding-left: 0.94rem;
        padding-right: 0.38rem;
        padding-bottom: 1rem;
    }

    .section_search_near_location h1 {
        
        font-size: 1.75rem;
        line-height: 3.125rem;
        text-align: center;
    }

    .section_search_near_location label {

        font-size: 1.25rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .section_search_near_location input[type="text"] {
        margin-top: 1.19rem;
        margin-bottom: 1.12rem;
        margin-left: 0rem;
        width: 95%;
    }

    .section_search_near_location select {
        width: 95%;
        margin-left: 0rem;
        margin-top: 0.69rem;
        margin-bottom: 1.19rem;
    }

    .section_search_near_location_button {
        width: 95%;
        margin-left: 0rem;
    }

    .section_map_largeur {
        margin-left: 3%;
        margin-right: 3%;
        border-radius: 0.625rem;
    }

    .map_largeur {
        border-radius: 0.625rem;
    }

    .section_resultat_recherche_plages {
        margin-left: 3%;
        margin-right: 3%;
    }

    .section_resultat_recherche_plages_affichage_tuiles {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem;
    }

    .trouver_destination_ideale_en_tete h1 {
        text-align: center;
        font-family: "Centra No2";
        font-size: 2.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: 2.875rem; /* 104.545% */
        text-transform: capitalize;
        padding-top: 3.44rem;
    }

    .trouver_destination_ideale_en_tete p {
        color: #FFF;
        text-align: center;
        font-family: "Centra No2";
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.9375rem; /* 140.909% */
        margin-top: 1.56rem;
    }

    .trouver_destination_ideale_section_region {
        margin-left: 3%;
        margin-right: 3%;
        gap: 0.5rem;
        grid-template-columns: repeat(2, 1fr);
    }

    .tuile-region {
        width: 12rem;
        height: auto;
    }

    .tuile-region-img-region {
        width: 12rem;
    }

    .tuile-region-nom-region {
        font-size: 0.875rem;
    }

    .tuile-region-img-plage-svg, .tuile-selection-img-plage-svg {
        width: 0.875rem;
        height: 0.875rem;
    }

    .tuile-region-nombre-plages, .tuile_selection_nb_plages {
        font-size: 0.75rem;
    }

    .tuile-region-voir-les-plages {
        font-size: 0.75rem;
    }

    .trouver_destination_ideale_map {
        margin-top: 1.88rem;
        margin-bottom: 3.06rem;
    }

    .trouver_destination_ideale_map h2 {
        margin-left: 3%;
        margin-right: 3%;
    }

    .affichage_location_en_tete {
        height: auto;
    }

    .affichage_location_en_tete h2 {
        padding-top: 6.69rem;
        width: 25.4375rem;
    }

    .affichage_location_en_tete p {
        width: 23.5rem;
    }
    
    .sous_titre_form_hero {
        padding-top: 0rem;
        padding-bottom: 8rem;
    }


    .page_location_description {
        margin-left: 3%;
        margin-right: 3%;
        grid-template-columns: repeat(1, 1fr);
    }

    .page_location_tuile_description {
        margin-right: 0rem;
    }

    .affichage_location_sous_niveau_geographique {
        padding-left: 3%;
        padding-right: 3%;
    }

    .affichage_location_sous_niveau_geographique h2 {
        font-size: 1.75rem;
        padding-top: 1.87rem;
    }

    .affichage_location_sous_niveau_groupe_tuile {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }

    .affichage_location_liste_plage {
        margin-left: 3%;
        margin-right: 3%;
    }

    .affichage_location_liste_plage h2 {
        padding-top: 1.62rem;
        margin-top: 0rem;
        padding-bottom: 1.69rem;
        margin-bottom: 0rem;
        font-size: 1.75rem;
    }

    .affichage_location_liste_plage_groupe_tuiles {
        grid-template-columns: repeat(2, 1fr);
    }

    .affichage_location_map {
        margin-top: 0rem;
        margin-bottom: 2.94rem;
    }

    .affichage_location_map h2 {
        margin-left: 3%;
        padding-right: 3%;
        margin-top: 0rem;
        font-size: 1.75rem;
    }

    .detail_plage_sous_menu {
        display: none;
    }

    .detail_plage_gallerie {
        padding-left: 3%;
        padding-right: 3%;
    }

    .detail_plage_gallerie h2 {
        display: block;
        color: #26316B;
        font-family: "Centra No2";
        font-size: 1.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .detail_plage_information {
        margin-top: 2.38rem;
        margin-left: 3%;
        margin-right: 3%;
    }

    .detail_plage_information_en_tete h2 {
        font-size: 1.75rem;
    }

    .detail_plage_information_groupe_bloc {
        display: block;
        margin-top: 1.5rem;
    }

    .detail_plage_information_bloc_gauche {
        width: auto;
    }

    .detail_plage_information_bloc_gauche h1 {
        font-size: 2rem;
        margin-bottom: 0.5rem;
    }
    
    .detail_plage_information_situation_geographique a {
        font-size: 1.1875rem;
    }

    .detail_plage_information_div_note {
        margin-top: 1.19rem;
    }

    .detail_plage_information_score {
        width: 2.375rem;
        height: 1.5625rem;
        padding-top: 0.5rem;
    }

    .detail_plage_div_score span {
        font-size: 1.5rem;
    }

    .detail_plage_information_nombre_avis {
        padding-top: 0.3rem;
    }

    .detail_plage_information_nombre_avis a {
        font-size: 1.125rem;
        line-height: 1.75rem; /* 155.556% */
    }

    .detail_plage_information_bloc_commentaire a,
    .detail_plage_information_bloc_favoris a {
        font-size: 0.9rem;
    }

    .detail_plage_information_bloc_description h1,
    .detail_plage_information_bloc_description h2,
    .detail_plage_information_bloc_description h3 {
        padding-top: 0.5rem;
    }

    .detail_plage_information_bloc_droite {
        width: auto;

    }

    .map_carre {
        width: auto;
    }

    .detail_plage_information_equipement_bloc_div {
        gap: 0.5rem;
    }

    .detail_plage_information_equipements h2 {
        font-size: 1.75rem;
    }

    .detail_plage_section_etablissement_premium {
        margin-top: 1.62rem;
        padding-left: 3%;
        padding-right: 3%;
    }

    .detail_plage_section_etablissement_premium h2 {
        font-size: 1.75rem;
        margin-top: 0rem;
        padding-top: 1.94rem;
    }

    .detail_plage_section_premium_groupe_tuiles {
        gap: 0.5rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .tuile_etablissement_premium {
        width: 12rem;
    }

    .tuile_etablissement_premium_photo {
        width: 12rem;
        height: 8.125rem;
    }

    .tuile_etablissement_premium_en_tete {
        padding-top: 0.94rem;
    }

    .tuile_etablissement_premium_en_tete h3 {
        padding-top: 0rem;
        margin-top: 0rem;
        font-size: 1rem;
    }

    .tuile_etablissement_premium_adresse {
        font-size: 0.75rem;
    }

    .tuile_etablissement_premium_voir_plus {
        font-size: 0.75rem;
        padding-bottom: 0rem;
    }
    

    .detail_plage_section_commentaire {
        margin-left: 3%;
        margin-right: 3%;
    }

    .detail_plage_section_commentaire_en_tete_desktop {
        display: none;
    }

    .detail_plage_section_commentaire_en_tete_mobile {
        display: block;
    }

    .detail_plage_section_commentaire_en_tete_mobile_premier_ligne {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 8%;
        padding-right: 8%;
    }

    .detail_plage_section_commentaire_en_tete_mobile_deuxieme_ligne {
        display: flex;
    }

    .detail_plage_section_commentaire_en_tete_mobile_premier_ligne h2 {
        margin-top: 0rem;
        margin-bottom: 0rem;
    }

    .detail_plage_section_commentaire_en_tete_mobile_premier_ligne {
        padding-top: 2.69rem;
        padding-bottom: 2.56rem;
    }

    .detail_plage_section_commentaire_en_tete_mobile_deuxieme_ligne_colonne_gauche {
        padding-left: 3.5rem;
        padding-right: 2.19rem;
    }

    .rating-distribution {
        padding-left: 2.44rem;
        padding-right: 0rem;
        border-right: none;
    }

    .detail_plage_section_commentaire_note_globale_etoiles {
        margin-left: 0rem;
        padding-right: 0rem;
        text-align: center;
    }

    .tuile_commentaire {
        display: block;
        margin-bottom: 0.5rem;
    }

    .tuile_commentaire_avatar_pseudo {
        display: flex;
    }

    .tuile_commentaire_avatar {
        margin-right: 1rem;
    }


    .tuile_commentaire_username {
        padding-top: 1.2rem;
    }

    .tuile_commentaire_avatar_pseudo {
        padding-bottom: 1.19rem;
    }

    .tuile_commentaire .plage-score {
        width: 1.8125rem;
        height: 1.0625rem;
    }

    .tuile_commentaire_description h3 {
        margin-top: 1rem;
        margin-bottom: 0rem;
    }

    .tuile_commentaire_description {
        margin-right: 0rem;
    }

    .tuile_commentaire_description p {
        width: 100%;
    }

    .tuile_commentaire_date {
        text-align: left;
    }

    .detail_plage_section_etablissement {
        padding-left: 3%;
        padding-right: 3%;
    }

    .detail_plage_section_etablissement h2 {
        margin-top: 0rem;
        font-size: 1.75rem;
    }

    .detail_plage_section_etablissements_groupe_tuiles {
        gap: 0.5rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding-bottom: 0rem;
    }

    .tuile_etablissement {
        width: 12rem;
    }

    .tuile_etablissement_photo {
        width: 12rem;
        height: 8.125rem;
    }

    .tuile_etablissement_en_tete {
        padding-top: 0.94rem;
    }

    .tuile_etablissement_en_tete h3 {
        padding-top: 0rem;
        margin-top: 0rem;
        font-size: 1rem;
    }

    .tuile_etablissement_adresse {
        font-size: 0.75rem;
    }

    .tuile_etablissement_voir_plus {
        font-size: 0.75rem;
        padding-bottom: 0rem;
    }

    .blog_en_tete {
        padding-left: 3%;
        padding-right: 3%;
        display: block;
        width: 100%;
    }

    .blog_en_tete_image,
    .blog_en_tete_image img {
        width: 97%;
    }

    .blog_en_tete_image img {
        border-bottom-left-radius: 0rem;
        border-top-right-radius: 0.625rem;
        height: 17.625rem;
    }

    .blog_en_tete_texte {
        width: auto;
        padding-left: 0rem;
        padding-right: 0rem;
    }

    .blog_en_tete_texte {
        width: 94%;
        height: auto;       
        border-radius: 0rem 0rem 0.625rem 0.625rem;
        padding-top: 1.56rem;
        padding-bottom: 2.31rem;
    }



    .blog_en_tete_texte_info {
        font-size: 1rem;
    }

    .blog_en_tete_texte_contenu h1 {
        font-size: 1.5rem;
        line-height: 2.1875rem;
        padding-bottom: 1.19rem;
    }

    .blog_filtre_categories_desktop {
        display: none;
    }

    .blog_filtre_categories_mobile {
        display: block;
    }






    .blog_filtre_categories_mobile_select {
        position: relative;
        display: inline-block;
        font-family: sans-serif;
    }

    .blog_filtre_categories_mobile_select button {
        background-color: #fff;
        border: 1px solid #ccc;
        padding: 10px 14px;
        font-size: 16px;
        cursor: pointer;
        border-radius: 4px;
        width: 200px; /* largeur fixe comme un select */
        text-align: left;
        color: #27AAE1;
        font-family: "Centra No2";
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
    }

    .blog_filtre_categories_mobile_select button::after {
        content: '▼';
        float: right;
    }

    .blog_filtre_categories_mobile_select ul {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: #fff;
        border: 1px solid #ccc;
        border-top: none;
        list-style: none;
        margin: 0;
        padding: 0;
        display: none; /* caché par défaut */
        z-index: 1000;
    }

    .blog_filtre_categories_mobile_select ul li a {
        display: block;
        padding: 10px 14px;
        text-decoration: none;
    }

    .blog_filtre_categories_mobile_select ul li a:hover,
    .blog_filtre_categories_mobile_select ul li a:focus {
        background-color: #f0f0f0;
    }

    .blog_filtre_categories_mobile_select.show ul {
        display: block; /* afficher le menu déroulant */
    }

    .blog_filtre_categories_mobile {
        text-align: center;
        margin-top: 1.88rem;
        margin-bottom: 1.88rem;
        color: #27AAE1;
        font-family: "Centra No2";
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
    }

    .blog_affichage_articles {
        margin-left: 3%;
        margin-right: 3%;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.37rem;
    }

    .tuile-article-photo {
        width: 11.5rem;
        height: 10.5625rem;
    }

    .tuile-article h2 {
        font-size: 1.25rem;
        line-height: 1.4375rem; /* 115% */
    }

    .blog_affichage_articles .tuile-article {
        padding-bottom: 0.88rem;
    }

    .tuile-article-date {
        font-size: 0.65rem;
        line-height: 1.375rem; /* 183.333% */
    }

    .tuile-article-calendrier-svg {
        width: 1rem;
        height: 1rem;
    }

    .article_blog {
        padding-left: 3%;
        padding-right: 3%;
    }

    .article_blog h1 {
        font-size: 1.75rem;
        line-height: 2.1875rem; /* 125% */
    }

    .article_blog_photo {
        width: 100%;
        margin-bottom: 2rem;
    }

    .article_blog_suggestion_articles {
        margin-left: 3%;
        margin-right: 3%;
        margin-bottom: 2rem;
    }
    
    .article_blog_suggestion_articles_groupe_tuiles {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .inscription_pro_main {
        display: block;
        margin-top: 1.69rem;
        margin-left: 3%;
        margin-right: 3%;
    }

    .inscription_pro_form_deux_sur_ligne input[type="text"], 
    .inscription_pro_form_deux_sur_ligne input[type="email"], 
    .inscription_pro_form_deux_sur_ligne input[type="tel"], 
    .inscription_pro_form_deux_sur_ligne input[type="url"], 
    .inscription_pro_form_deux_sur_ligne input[type="password"] {
        width: 10.5rem;
        height: 2.875rem;
    }

    .inscription_pro_form_grid label {
        font-size: 1rem;
    }

    .inscription_pro_form_un_sur_ligne input[type="text"], 
    .inscription_pro_form_un_sur_ligne input[type="password"] {
        width: 100%;
    }

    .inscription_pro_form_un_sur_ligne input[type="text"], 
    .inscription_pro_form_un_sur_ligne input[type="email"], 
    .inscription_pro_form_un_sur_ligne input[type="tel"], 
    .inscription_pro_form_un_sur_ligne input[type="url"], 
    .inscription_pro_form_un_sur_ligne input[type="password"] {
        height: 2.875rem;
        flex-shrink: 0;
        border-radius: 0.5rem;
        border: 2px solid #EBEBEB;
        color: #000;
        font-family: "Centra No2";
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding-left: 0.5rem;
    }

    .inscription_pro_form_un_sur_ligne textarea {
        width: auto;
    }

    .inscription_pro_div_form {
        margin-bottom: 1.81rem;
    }

    .inscription_pro_informations {
        padding-left: 1.56rem;
        padding-right: 1.56rem;
    }

    .inscription_pro_informations h2 {
        font-size: 2rem;
        line-height: 2.6875rem;
    }

    .nos_offres_en_tete {
        padding-left: 3%;
        padding-right: 3%;
    }

    .nos_offres_en_tete h1 {
        padding-top: 1.62rem;
        font-size: 1.75rem;
    }

    .visibilite_pro_en_tete {
        padding-left: 3%;
        padding-right: 3%;
    }

    .visibilite_pro_en_tete h1 {
        padding-top: 1.62rem;
        font-size: 1.75rem;
    }



    .nos_offres {
        display: block;
    }

    .nos_offres_gratuit,
    .nos_offres_littoral,
    .nos_offres_local {
        margin-left: 3%;
        margin-right: 3%;
        margin-bottom: 1.63rem;
    }


    .login_main {
        display: block;
        padding-left: 3%;
        padding-right: 3%;
    }

    .login_bloc_gauche {
        display: none;
    }


    .login_bloc_milieu {
        padding-top: 2.25rem;
    }

    .login_bloc_milieu h2 {
        font-size: 2.125rem;
        line-height: 2.6875rem;
    }

    .login_bloc_milieu_sous_titre {
        margin-top: 0.1rem;
    }

    .login_bloc_milieu input[type="text"],
    .login_bloc_milieu input[type="password"] {
        width: 100%;
    }

    .login_bloc_milieu_option {
        gap: 1.5rem;
    }

    .login_bloc_milieu_option_remember span {
        padding-left: 0.5rem;
    }

    .login_bloc_milieu button {
        width: 100%;
    }

    .inscription_main {
        display: block;
        padding-left: 3%;
        padding-right: 3%;
    }

    .inscription_bloc_gauche,
    .inscription_bloc_droite {
        display: none;
    }

    .inscription_bloc_milieu {
        padding-top: 1.62rem;
    }

    .inscription_bloc_milieu h1 {
        font-size: 2.125rem;
        line-height: 2.6875rem; 
    }

    .inscription_bloc_milieu input[type="text"],
    .inscription_bloc_milieu input[type="password"],
    .inscription_bloc_milieu input[type="email"] {
        width: 100%;
    }

    .inscription_bloc_milieu button {
        width: 100%;
    }

    .inscription_consigne_mot_de_passe_mobile {
        display: block;
    }

    .inscription_consigne_mot_de_passe_mobile h3 {
        margin-top: 0rem;
        color: #26316B;
        font-family: "Centra No2";
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1.75rem;
    }

    .inscription_consigne_mot_de_passe_mobile p {
        color: #323439;
        font-family: "Centra No2";
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1.75rem; /* 140% */
    }

    .inscription_bloc_milieu_option_remember {
        padding-top: 1rem;
    }

    .inscription_bloc_milieu_option_remember span {
        padding-left: 0.5rem;
        font-size: 1rem;
        line-height: 1.4375rem;
    }

    .personnel_dashboard_barre_compte_personnel {
        display: block;
        padding-left: 3%;
        padding-right: 3%;
        text-align: center;
        padding-bottom: 2rem;
    }

    .personnel_dashboard_barre_compte_personnel_titre h1 {
        margin-top: 0rem;
        margin-bottom: 0rem;
        padding-top: 1rem;
    }

    .personnel_dashboard_barre_compte_personnel_modification button {
        margin-left: auto;
        margin-right: auto;
        margin-top: 1rem;
    }

    .personnel_dashboard_plages_favorites {
        margin-left: 3%;
        margin-right: 3%;
    }

    .personnel_dashboard_plages_favorites h2 {
        font-size: 1.75rem;
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }

    .personnel_dashboard_avis {
        margin-left: 3%;
        margin-right: 3%;
    }

    .personnel_dashboard_avis h2 {
        font-size: 1.75rem;
        margin-top: 2.44rem;
        margin-bottom: 1.94rem;
    }

    .professionnal_dashboard_barre_compte_personnel {
        display: block;
        padding-left: 3%;
        padding-right: 3%;
        text-align: center;
    }

    .professionnal_dashboard_barre_compte_personnel_titre h1 {
        margin:0;
        padding-top: 1rem;
    }

    .professionnal_dashboard_barre_compte_personnel_username {
        padding-bottom: 1rem;
    }

    .professionnal_dashboard_barre_compte_personnel_buttons {
        padding-bottom: 1rem;
        align-items: center;
        justify-content: space-between;
    }

    .professionnal_dashboard_resume {
        display: block;
    }

    .professionnal_dashboard_resume_etablissements,
    .professionnal_dashboard_resume_premium,
    .professionnal_dashboard_resume_plan_abonnement_actuel,
    .professionnal_dashbord_resume_support_pro,
    .support_pro_resume {
        max-width: 15.75rem;
        margin-bottom: 1.38rem;
    }

    .professionnal_dashbord_resume_support_pro p,
    .support_pro_resume p {
        font-size: 1rem;
    }

    .professionnal_dashboard_resume_plan_abonnement_actuel p {
        gap: 1rem;
    }

    .professionnal_dashboard_liste_etablissements {
        margin-left: 3%;
        margin-right: 3%;
    }

    .professionnal_dashboard_liste_etablissements_groupe {
        display: block;
    }

    .professionnal_dashboard_tuile_etablissement {
        max-width: 20rem;
        padding-bottom: 1rem;
    }

    .page_etablissement_en_tete {
        display: block;
    }

    .page_etablissement_plages_liees {
        margin-right: 3%;
        margin-left: 3%;
    }

    .page_etablissement_plages_liees_bloc {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }


    .support_pro {
        display: block;
        margin-left: 3%;
        margin-right: 3%;
    }

    .support_pro_form input[type="text"] {
        width: 20rem;
    }

    .support_pro_form textarea {
        width: 20.5875rem;
        height: 12.125rem;
    }

    .support_pro_form {
        margin-bottom: 2rem;
    }

    .confirmation_message_envoye {
        margin-left: 3%;
        margin-right: 3%
    }

    .page_etablissement_en_tete_logo_titre img {
        max-width: 20rem;
    }

        .visibilite_pro_en_tete {
        padding-left: 3%;
        padding-right: 3%;
    }

    .visibilite_pro_en_tete h1 {
        padding-top: 1.62rem;
        font-size: 1.75rem;
    }

    .visibilite_pro {
        display: block;
    }

    .visibilite_pro_plage,
    .visibilite_pro_etablissement,
    .visibilite_pro_ville {
        margin-left: 3%;
        margin-right: 3%;
        margin-bottom: 1.63rem;
    }







    .etablissements_plage_sous_menu {
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 3%;
        padding-right: 3%;
    }

    .etablissements_plage_sous_menu_retour img {
        width: 1rem;
        margin-right: 0.2rem;
    }

    .etablissements_plage_sous_menu_infos_plage h2 {
        font-size: 2.125rem;
    }

    .etablissements_plage_sous_menu_retour,
    .etablissements_plage_sous_menu_infos_plage p {
        font-size: 0.725rem;
    }


    .etablissements_plage_sous_menu_photo img {
        max-width: 8rem;
        max-height: 5rem;
        border-radius: 1rem;
    }

    .etablissements_plage_map {
        margin-left: 3%;
        margin-right: 3%;
    }

    .etablissements_plage_map h1 {
        font-size: 2.375rem;
    }

    .etablissements_plage_etablissements_recommandes {
        padding-left: 3%;
        padding-right: 3%;
    }

    .etablissements_plage_etablissements_recommandes h2 {
        font-size: 2.125rem;
    }

    .etablissements_plage_etablissements_recommandes_groupe {
        margin-top: 2rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }


    .etablissements_plage_restaurants,
    .etablissements_plage_hotels,
    .etablissements_plage_campings,
    .etablissements_plage_activites,
    .etablissements_plage_categorie {
        margin-left: 3%;
        margin-right: 3%;
    }

    

    .etablissements_plage_restaurants_en_tete_texte h2,
    .etablissements_plage_hotels_en_tete_texte h2,
    .etablissements_plage_campings_en_tete_texte h2,
    .etablissements_plage_activites_en_tete_texte h2,
    .etablissements_plage_categorie_en_tete_texte h2 {
        font-size: 2.125rem;
    }

    .etablissements_plage_restaurants_en_tete_voir_plus,
    .etablissements_plage_hotels_en_tete_voir_plus,
    .etablissements_plage_campings_en_tete_voir_plus,
    .etablissements_plage_activites_en_tete_voir_plus {
        font-size: 1rem;
        padding-left: 1.19rem;
    }

    .etablissements_plage_restaurants_en_tete_voir_plus img,
    .etablissements_plage_hotels_en_tete_voir_plus img,
    .etablissements_plage_campings_en_tete_voir_plus img,
    .etablissements_plage_activites_en_tete_voir_plus img {
        width: 0.8125rem;
    }

    .tuile_etablissement_logo_activite {
        width: 1.7rem;
    }

    .etablissements_plage_categorie_groupe {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }

    .detail_plage_information_map_etablissements img {
        width: 1.7rem;
    }

    .detail_plage_information_map_etablissements {
        padding-bottom: 2rem;
    }

    
    .detail_plage_section_autres_plages {
        margin-left: 3%;
        margin-right: 3%;
    }

    .detail_plage_section_autres_plages_groupe_tuile {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }




    .detail_plage_booking {
        margin-left: 3%;
        margin-right: 3%;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .detail_plage_booking h2 {
        font-size: 1.875rem;
        margin-bottom: 1rem;
    }

    .detail_plage_booking_contenu {
        padding: 1.25rem;
    }

    .detail_plage_booking_logo {
        margin-bottom: 1.25rem;
    }

    .detail_plage_booking_logo img {
        max-width: 200px;  /* Plus petit sur mobile */
    }

    /* Formulaire mobile */
    .booking_form_dates {
        grid-template-columns: 1fr;
        gap: 1rem;
        margin-bottom: 1rem;
    }

    .booking_form_guests {
        grid-template-columns: 1fr;
        gap: 1rem;
        margin-bottom: 1.25rem;
    }

    .booking_input_group label {
        font-size: 0.875rem;
        margin-bottom: 0.4rem;
    }

    .booking_input_group input[type="date"],
    .booking_input_group select {
        padding: 0.625rem 0.75rem;
        font-size: 0.9375rem;
        width: 90%;  /* Force la largeur complète */
    }

    /* Fix pour les inputs date sur mobile */
    .booking_input_group input[type="date"] {
        min-width: 0;  /* Empêche le débordement */
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .booking_submit_button {
        height: 3rem;
        font-size: 1rem;
        padding: 0.75rem 1rem;
    }

    .booking_disclaimer {
        font-size: 0.8125rem;
        margin-top: 0.875rem;
        padding: 0 0.5rem;
        line-height: 1.4;
    }





}