/*!
Theme Name: Theme boilerplate
Theme URI: https://github.com/melvinlemoine/WordPress-theme-boilerplate
Author: Melvin Lemoine
Author URI: https://melvin.studio
Description: Let's create a new theme !
Version: 1.5
*/
/* @font-face {
  font-family: ExempleFont;
  src: url(assets/fonts/font.woff2) format("woff2")
} */




.playfair-display-<uniquifier> {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: normal;
  src: local('Roboto'), url('font/Roboto-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Palace Script MT Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Palace Script MT Regular'), url('font/Palace script.woff') format('woff');
}

body {
  background-color: #fbf0e97c;
}

.font2 {
  font-family: 'Playfair Display';
  font-style: italic;
}

.font {
  color: black;
  font-family: 'Roboto';
  font-size: 1.4rem;
}

/* /* //////////////////////Style pour le header/////////////////////////////// */
.nav {
  background-color: #BB7668;
  min-height: fit-content
}

.header {
  display: flex;
  /* gap: 35rem; */
}

.logo {
  height: 9.5rem;
}

.nom {
  font-family: 'Palace Script MT Regular';
  font-size: 2.5rem;
  color: white;
  width: fit-content;
}

.angelique {
  font-family: 'Palace Script MT Regular';
  font-size: 7rem;
  color: white;
  width: fit-content;
  text-shadow: 3px 5px 5px black;
  margin-left: 30%;
}

/* /* //////////////////////Style pour la barre de nav/////////////////////////////// */



.nav .nav-menu li a {
  color: white;
  text-decoration: none;
  font-family: 'Playfair Display';
  font-style: italic;
  font-size: 1.5rem;
  box-sizing: border-box;
  padding: 5px 10px;
}

.flex {
  display: flex;
  margin-top: -1rem;
  margin-left: 0.5rem;
}

.flex .nav-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin: auto;
  gap: 12rem;
  /* margin-bottom: 1rem; */
}

.nav .nav-menu li ul li {
  float: none;
  padding: 1rem;
}

.flex .nav-menu li ul li a {
  color: white;
  font-family: 'Playfair Display';
  font-style: italic;
  font-size: 1.5rem;
}

.nav-menu li:hover>a {
  background-color: #edad9f;
  border-radius: 15px;
}

.nav .nav-menu li ul li a:hover {
  background-color: #edad9f;
}

.nav .nav-menu li:hover>ul {
  display: block;
}

.nav .nav-menu li ul {
  display: none;
  position: absolute;
  background-color: #bb7668;
  min-width: 220px;
  z-index: 1;
}


/* /* //////////////////////Style pour le footer/////////////////////////////// */

.footer {
  height: 6rem;
  background-color: #BB7668;
  display: flex;
  justify-content: space-around;
  align-items: center;
  color: white;
  font-size: 2rem;
  font-style: italic;
}

.soleil {
  height: 6rem;
  padding-left: 8rem;
}


.mention {
  font-family: "Playfair Display";
  font-style: italic;
}

.footer-menu a {
  text-decoration: none;
  color: white;
  font-family: 'Playfair Display';
  font-size: 2rem;
}

.tel {
  font-size: 2rem;
}

/* /* //////////////////////Style pour la front page/////////////////////////////// */

.titre-pres {
  font-size: 2.5rem;
  width: 40rem;
  text-align: center;
  margin: auto;
  padding-top: 2rem;
  padding-bottom: 15rem;
}

.img-pres {
  background-image: url(../WordPress-theme-boilerplate-master/lune-roseb.png);
  background-repeat: no-repeat;
  background-position: center;
}

.txt-pres {
  font-size: 1.5rem;
  width: 63rem;
  text-align: center;
  margin: auto;
  padding-bottom: 8rem;
  color: black;
}


.img-main {
  background-image: url(../WordPress-theme-boilerplate-master/main-rose-clair.png);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center right -15%;
  background-origin: content-box;
  height: 150vh;
}

.para {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 2rem;
}

.titre-premier {
  color: black;
  font-size: 3rem;
  margin: auto;
}

.txt-premier {
  font-size: 1.4rem;
  text-align: justify;
  width: 65rem;
  color: black;
}

.btn1 {
  display: inline-block;
  padding: 10px 20px;
  margin-bottom: 6rem;
  font-size: 20px;
  color: #fff;
  background-color: #E3938F;
  border: none;
  border-radius: 15px;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.3s ease;
  cursor: pointer;
}

.btn1:hover {
  background-color: #C66765;
}

.titre_deux {
  color: black;
  font-size: 3rem;
  margin: auto;
}

.img-citation {
  border-radius: 350px;
  height: 32rem;
  position: absolute;
  z-index: -1;
  bottom: -42rem;
  left: -1rem;
}

/* /* //////////////////////UN PEU DE MOI/////////////////////////////// */
.unpeudemoi {
  margin-left: 16rem;
  margin-right: 16rem;
  margin-bottom: 5rem;
  margin-top: 5rem;
}

.paragraphe_updm {
  font-size: 1.4rem;
  /* width: 95rem; */
  height: fit-content;
  text-align: justify;
  color: black;
}

.img_angel_updm {
  height: 25rem;
  width: fit-content;
  float: right;
  shape-outside: circle(55%);
  clip-path: circle(60%);
  border-radius: 500px;
  margin-right: 5rem;
}

.titre_updm {
  font-size: 4rem;
  color: #CB6B6D;
  text-align: center;
  margin-bottom: 3rem;
  margin-top: 3rem;
}

.title {
  color: #DE8472;
  text-decoration: underline;
  font-size: 3rem;
  padding-bottom: 2rem;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.541)
}

.titre_aroma {
  text-align: end;
}

.descri {
  margin-bottom: 5rem;
  font-size: 1.5rem;
  text-align: justify;
  color: black;
}

.image_citation_updm {
  border-radius: 400px;
  position: absolute;
  top: 54rem;
  left: -2rem;
  height: 33rem;
  z-index: -1;
}

.image_angelique_updm {
  float: right;
  z-index: -1;
  height: 15rem;
  shape-outside: circle(55%)
}

/* /* //////////////////////CONTACTS/////////////////////////////// */
.contact_main {
  margin-left: 16rem;
  margin-right: 16rem;
  margin-bottom: 5rem;
  margin-top: 5rem;
}

.infos {
  border-radius: 100px;
  text-align: justify;
  height: 15rem;
}

.recevoir {
  font-size: 3rem;
  color: #C66765;
}

.contact {
  font-size: 1.4rem;
  text-align: justify;
  margin: 1rem;
  color: black;
}

.titre_insta {
  font-size: 3rem;
  color: #E3938F;
  margin-bottom: 1rem;
}

.img_insta {
  height: 6rem;
}

.nom_insta {
  font-size: 1.4rem;
  color: black;
}

.flex_reseau {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  text-align: justify;
}


.titre_carte {
  font-size: 3rem;
  color: #DE8472;
  margin-bottom: 1rem;
}

.grid_contact {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-left: 10rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
  column-gap: 2rem;
}

.carte {
  grid-column: 2;
  grid-row: 1/ span 2;
}

.nom_formulaire {
  font-size: 3rem;
  color: #BB7668;
  text-align: center;
  margin-bottom: 1.5rem;
}

/* /* //////////////////////MENTIONS/////////////////////////////// */
/* /* //////////////////////MENTIONS/////////////////////////////// */
/* /* //////////////////////MENTIONS/////////////////////////////// */

.mentionlegale {
  margin: auto;
  margin-top: 2rem;
  margin-bottom: 4rem;
  text-align: justify;
  width: 80rem;
}


.titre_mention {
  font-size: 4rem;
  color: rgb(198, 103, 101);
  margin-bottom: 3rem;
}

.article_1 {
  font-size: 3rem;
  color: #E3938F;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.article_lettre {
  font-size: 1.5rem;
  color: #DE8472;
  text-decoration: underline;
  margin-bottom: 0.5rem;
}

.desc_lettre {
  margin-bottom: 1rem;
}


/* /* //////////////////////ENERGIES/////////////////////////////// */
/* /* //////////////////////ENERGIES/////////////////////////////// */
/* /* //////////////////////ENERGIES/////////////////////////////// */

.energie {
  margin-left: 16rem;
  margin-right: 16rem;
  margin-bottom: 4rem;
  margin-top: 4rem;
}

.titre_energie {
  font-size: 3rem;
  color: #C66765;
  margin-bottom: 1.5rem;
}

.texte_energie {
  font-size: 1.4rem;
  text-align: justify;
  padding-bottom: 3.5rem;
  color: black;
}

.carte_soin {
  font-size: 3rem;
  color: #C66765;
}

.vagues {
  margin-top: -10rem;
  margin-bottom: -0.25rem;
}

.titre_soin {
  font-size: 2rem;
  color: #DE8472;
}

.illu_soin {
  height: 18rem;
  width: 18rem;
  border-radius: 25px;
  object-fit: cover;
  transition: all 0.75s linear;
}

.illu_soin:hover {
  transform: scale(1.20);
}

.desc_soin {
  width: 20rem;
  text-align: justify;
  color: black;
  font-size: 18px;
}

.prix_soin {
  font-size: 18px;
  color: black;
}

.carte_soin {
  text-align: center;
  font-size: 3rem;
}

.flex_soin {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* justify-content: center; */
  gap: 1.5rem;

}

.grid_soin {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  row-gap: 4rem;
  background-color: #cb966b42;
  padding-left: 4rem;
  padding-right: 4rem;
}

.titre_seance {
  font-size: 3rem;
  color: #BB7668;
  margin-bottom: 1.5rem;
}

.desc_seance {
  font-size: 1.4rem;
  text-align: justify;
  color: black;
}

/* /* //////////////////////CABINET/////////////////////////////// */
/* /* //////////////////////CABINET/////////////////////////////// */
/* /* //////////////////////CABINET/////////////////////////////// */

.cabinet {
  margin-left: 16rem;
  margin-right: 16rem;
  margin-bottom: 4rem;
  margin-top: 4rem;
}

.titre_cabinet {
  font-size: 4.5rem;
  color: #DE8472;
  margin-bottom: 4rem;
  text-align: center;
}

.desc_cabinet {
  font-size: 1.4rem;
  text-align: justify;
  margin-bottom: 4rem;
}

.img_cabinet {
  min-height: 30rem;
  max-width: 30rem;
  border-radius: 15px;
  object-fit: cover;
}

.grid_cabinet {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  row-gap: 4rem;
  column-gap: 4rem;
}

.flex_cabinet {
  display: flex;
  justify-content: center;
}

/* /* //////////////////////AROMATHERAPIE/////////////////////////////// */
/* /* //////////////////////AROMATHERAPIE/////////////////////////////// */
/* /* //////////////////////AROMATHERAPIE/////////////////////////////// */

.aromatherapie {
  margin-left: 16rem;
  margin-right: 16rem;
  margin-bottom: 4rem;
  margin-top: 4rem;
}

.titre_intro_aroma {
  font-size: 4.5rem;
  color: #DE8472;
  margin-bottom: 2rem;
}

.desc_intro_aroma {
  font-size: 1.4rem;
  text-align: justify;
  margin-bottom: 3rem;
}

.titre_role_aroma {
  font-size: 4.5rem;
  color: #DE8472;
  margin-bottom: 2rem;
}

.desc_role_aroma {
  font-size: 1.4rem;
  text-align: justify;
}

/* /* //////////////////////TEMOIGNAGES/////////////////////////////// */
/* /* //////////////////////TEMOIGNAGES/////////////////////////////// */
/* /* //////////////////////TEMOIGNAGES/////////////////////////////// */

.temoignages {
  margin-left: 16rem;
  margin-right: 16rem;
  margin-bottom: 4rem;
  margin-top: 4rem;
  position: relative;
}

.intro_temoignage {
  font-size: 1.5rem;
  text-align: justify;
  margin-bottom: 5rem;
}

.flex_temoignage {
  display: flex;
  flex-direction: column;
  background-color: #de8472a4;
  border-radius: 15px;
  padding: 1.5rem;
}

.texte_avis {
  max-width: 30rem;
  text-align: justify;
  font-size: 1.4rem;
}

.grid_temoignage {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 5rem;
  column-gap: 1rem;
  justify-items: center;
}

.nomprenom {
  margin-bottom: 1rem;
  font-size: 1rem;
}

.deco_temoignage {
  z-index: -1;
  position: absolute;
  width: 90rem;
  top: 35rem;
}

/* /* //////////////////////DEROULÉ SEANCES S0INS/////////////////////////////// */
/* /* //////////////////////DEROULÉ SEANCES S0INS/////////////////////////////// */
/* /* //////////////////////DEROULÉ SEANCES S0INS/////////////////////////////// */

.derouleseance {
  margin-left: 16rem;
  margin-right: 16rem;
  margin-bottom: 4rem;
  margin-top: 4rem;
}


.deroule_nomsoin {
  font-size: 4.5rem;
  color: #E3938F;
  padding-bottom: 3rem;
  text-align: center;
  text-decoration: underline;
}

.description_deroulesoin {
  font-size: 1.4rem;
  text-align: justify;
}
.img_detail_soin{
  height: 25rem;
  width: 30rem;
  border-radius: 15px;
  object-fit: cover;
}
.flex_detailsoin{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  margin-top: 5%;
}

/* //////////////////////////////////////////////////////////////////////////////
  ////////////////////////MENU BURGER///////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////// */

/* Style du menu burger */
.burger-menu {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 60px;
  height: 55px;
  cursor: pointer;
  position: absolute;
  top: 0%;
  left: 0;
  z-index: 10000;
  background-color: #BB7668;
  padding: 5px;
  border-radius: 15px;
  margin-left: 1rem;
  border: #000000 solid 1px;
  display: none;
}

.line {
  width: 85%;
  height: 5px;
  background-color: #ffffff;
}


/* Style du menu de navigation */
.nav-menu-angel {
  display: none;
  position: absolute;
  top: 45px;
  border: solid black 2px;
  border-radius: 15px;
  background-color: #BB7668;
  overflow: hidden;
  z-index: 500000;

}

.nav-menu-angel ul {
  list-style-type: none;
  padding: 0;
  margin: 0.5rem;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 2rem;

}


.nav-menu-angel ul li {
  text-align: left;
  font-size: 2rem;
  padding: 10px;
}

.nav-menu-angel ul li:last-child {
  border-bottom: none;
}

.nav-menu-angel ul li a {
  text-decoration: none;
  color: white;
  display: block;
}

.nav-menu-angel ul li a:hover {
  text-decoration: underline;
  color: white;
}

/* Animation pour le menu burger actif */
.burger-menu.active .line:nth-child(1) {
  transform: rotate(45deg) translate(9px, 9px);
}

.burger-menu.active .line:nth-child(2) {
  opacity: 0;
}

.burger-menu.active .line:nth-child(3) {
  transform: rotate(-45deg) translate(9px, -9px);
}

.nav-menu-angel.active {
  display: block;
  z-index: 100000;
}


/* /* //////////////////////RESPONSIVE/////////////////////////////// */
/* /* //////////////////////RESPONSIVE/////////////////////////////// */
/* /* //////////////////////RESPONSIVE/////////////////////////////// */
/* --- Responsive design --- */

@media screen and (max-width: 1599px) {
  .titre-pres {
    font-size: 2.2rem;
    width: 35rem;
    padding-bottom: 12rem;
  }

  .txt-pres {
    font-size: 1.3rem;
    width: 45rem;
    padding-bottom: 6rem;
  }

  .img-pres {
    background-size: 25%;
  }

  .img-angel {
    width: 18rem;
    top: 26rem;
    right: 60rem;
    /* Ajustement pour un écran plus petit */
  }

  .img-main {
    height: fit-content;
  }

  .titre-premier {
    font-size: 2.7rem;
  }

  .txt-premier {
    font-size: 1.3rem;
    width: 55rem;
  }

  .btn1 {
    font-size: 18px;
  }

  .img-citation {
    height: 28rem;
    bottom: -48rem;
    left: -1rem;
    /* Ajustement de la position */
  }

  .footer {
    font-size: 1.5rem;
  }

  .tel {
    font-size: 1.5rem;
  }

  .footer-menu a {
    font-size: 1.5rem;
  }

  .contact_main {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .infos {
    height: 16rem;
    /* Réduction de la hauteur */
  }

  .recevoir {
    font-size: 2.5rem;
    /* Réduction de la taille de la police */
  }

  .contact {
    font-size: 1.3rem;
    /* Ajustement de la taille de la police */
  }

  .titre_insta,
  .titre_carte,
  .nom_formulaire {
    font-size: 2.5rem;
    /* Réduction des titres */
  }

  .img_insta {
    height: 5rem;
    /* Ajustement de la taille des images */
  }

  .grid_contact {
    margin-left: 3rem;
    /* Réduction des marges */
    margin-right: 3rem;
    column-gap: 1.5rem;
  }

  .flex_reseau {
    gap: 1rem;
    /* Réduction de l'espace entre les éléments */
  }

  .energie {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .titre_energie,
  .carte_soin,
  .titre_seance {
    font-size: 2.5rem;
    /* Réduction des titres */
  }

  .texte_energie,
  .desc_seance,
  .desc_soin {
    font-size: 1.3rem;
    /* Réduction du texte */
  }

  .illu_soin {
    height: 16rem;
    /* Taille d'image réduite */
    width: 16rem;
  }

  .titre_soin {
    font-size: 1.8rem;
    /* Réduction de la taille de la police */
  }

  .grid_soin {
    grid-template-columns: repeat(2, 1fr);
    /* Passer à 2 colonnes */
    padding-left: 3rem;
    padding-right: 3rem;
  }


  .temoignages {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .intro_temoignage {
    font-size: 1.3rem;
    /* Taille de police légèrement réduite */
    margin-bottom: 4rem;
  }

  .flex_temoignage {
    padding: 1rem;
    /* Réduction de l'espace padding */
  }

  .texte_avis {
    max-width: 28rem;
    /* Légère réduction de la largeur maximale des avis */
    font-size: 1.3rem;
    /* Ajustement de la taille de la police */
  }

  .grid_temoignage {
    grid-template-columns: repeat(2, 1fr);
    /* Passer à une seule colonne pour plus de lisibilité */
    gap: auto
      /* Réduction de l'espace entre les éléments */
  }

  .nomprenom {
    font-size: 0.9rem;
    /* Ajustement de la taille de la police des noms */
    margin-bottom: 0.8rem;
  }


  .derouleseance {
    margin-left: 8rem;
    /* Réduction des marges latérales */
    margin-right: 8rem;
  }

  .deroule_nomsoin {
    font-size: 3.5rem;
    /* Réduction de la taille du titre */
  }

  .description_deroulesoin {
    font-size: 1.2rem;
    /* Réduction de la taille du texte */
  }

  .unpeudemoi {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .paragraphe_updm {
    font-size: 1.3rem;
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .img_angel_updm {
    height: 20rem;
    margin-right: 2rem;
  }

  .titre_updm {
    font-size: 3rem;
  }

  .title {
    font-size: 2.5rem;
  }

  .descri {
    font-size: 1.3rem;
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .image_citation_updm {
    height: 22rem;
    top: 106%;
    left: -1;
  }

  .image_angelique_updm {
    height: 12rem;
  }

  .mentionlegale {
    width: 70rem;
    /* Réduction de la largeur */
  }

  .titre_mention {
    font-size: 3rem;
    /* Réduction de la taille de la police */
    margin-bottom: 2rem;
  }

  .article_1 {
    font-size: 2.5rem;
    /* Ajustement de la taille de la police pour les articles */
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .article_lettre {
    font-size: 1.3rem;
    /* Réduction de la taille de la police des sous-titres */
    margin-bottom: 0.5rem;
  }

  .desc_lettre {
    margin-bottom: 1rem;
    font-size: 1.3rem;
    /* Ajustement de la taille de la police pour les descriptions */
  }

  .angelique {
    font-size: 6rem;
    /* Réduire la taille de la police */
    margin: auto;
    /* Centrer le texte */
    padding-bottom: 1rem;
  }

  .logo {
    height: 7.5rem;
    /* Réduction de la taille du logo */
    margin-bottom: 1rem;
    margin-left: 1rem;
  }

  .flex .nav-menu {
    gap: 10rem;
    /* Réduction de l'écart entre les éléments */
  }
}

@media screen and (max-width: 1200px) {
  .titre-pres {
    font-size: 2rem;
    /* Réduction de la taille de la police */
    width: 35rem;
    /* Réduction de la largeur */
    padding-bottom: 10rem;
    /* Ajustement de l'espace en bas */
  }

  .txt-pres {
    font-size: 1.3rem;
    /* Réduction de la taille de la police */
    width: 55rem;
    /* Réduction de la largeur du texte */
    padding-bottom: 6rem;
  }

  .img-main {
    height: fit-content;
  }

  .btn1 {
    font-size: 18px;
    /* Réduction de la taille du texte du bouton */
    padding: 8px 16px;
    /* Ajustement de la taille des boutons */
  }

  .titre-premier,
  .titre_deux {
    font-size: 2.5rem;
    /* Réduction de la taille des titres */
  }

  .img-citation {
    height: 16rem;
    /* Réduction de la hauteur de l'image */
    bottom: -47rem;
    /* Ajustement de la position verticale */
    left: -2REM;
    /* Ajustement de la position horizontale */
  }


  .footer {
    font-size: 1.2rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4rem;
  }

  .tel {
    font-size: 1.2rem;
  }

  .footer-menu a {
    font-size: 1.2rem;
  }

  .soleil {
    display: none;
  }

  .logo {
    height: 7rem;
    /* Réduction de la taille du logo */
  }

  .nom {
    text-align: center;
    font-size: 2rem;
  }

  .flex .nav-menu {
    gap: 6rem;
    /* Réduction de l'écart entre les éléments du menu */
  }

  .nav .nav-menu li a {
    font-size: 1.4rem;
    /* Réduction de la taille de la police */
  }

  .nav .nav-menu li ul {
    min-width: 180px;
    /* Réduction de la largeur du sous-menu */
  }

  .nav-menu li:hover>a {
    padding: 0.15rem;
    /* Réduction de l'espace autour des éléments hover */
  }

  .flex .nav-menu li ul li a {
    font-size: 1.4rem;
  }

  .image_citation_updm {
    display: none;
  }

  .contact_main {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .grid_contact {
    margin: 0%;
  }

  .mentionlegale {
    width: 50rem;
  }
}

@media screen and (max-width: 992px) {

  .flex .nav-menu,
  .logo,
  .nom {
    display: none;
  }

  .burger-menu {
    display: flex;
  }

  .angelique {
    padding-bottom: 2rem;
  }

  .txt-pres {
    width: 40rem;
  }

  .titre-pres {
    font-size: 1.7rem;
  }

  .titre-premier,
  .titre_deux {
    font-size: 2rem;
  }

  .txt-premier {
    font-size: 1.2rem;
    width: 40rem;
  }

  .img-citation {
    display: none;
  }

  .footer {
    text-align: center;
  }

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

  .image_citation_updm {
    display: none;
  }

  .title {
    text-align: center;
  }

  .titre_energie,
  .titre_seance {
    text-align: center;
  }

  .desc_seance,
  .texte_energie,
  .desc_soin {
    font-size: 1.2rem;
  }

  .grid_soin,
  .grid_contact {
    grid-template-columns: repeat(1, 1fr);
  }

  .carte {
    grid-column: inherit;
    grid-row: inherit;
  }

  .contact_main,
  .infos,
  .contact {
    text-align: center;
  }

  .flex_reseau {
    justify-content: center;
    margin-bottom: 3rem;
  }

  .map {
    margin-bottom: 3rem;
  }

  .mentionlegale {
    width: 40rem;
  }
}

@media screen and (max-width: 768px) {

  .txt-pres,
  .txt-premier{
    width: 30rem;
  }
  .mentionlegale {
    width: fit-content;
  }

  .footer {
    font-size: 1rem;
    gap: 2rem;
  }

  .unpeudemoi,
  .temoignages,
  .energie,
  .derouleseance,
  .mentionlegale {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .map iframe {
    width: 75%;
  }
  .img_detail_soin{
    height: 20rem;
    width: 25rem;
    border-radius: 15px;
    object-fit: cover;
  }
  .flex_detailsoin{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    margin-top: 5%;
  }
}

@media screen and (max-width: 576px) {
  .angelique {
    font-size: 5rem;
    text-align: center;
	  margin-top:2rem;
  }

  .burger-menu {
    width: 55px;
    height: 50px;
    margin-left: inherit;
	  bottom:2%;
  }

  .titre-pres {
    width: 20rem;
    font-size: 1.5rem;
  }

  .img-pres {
    background-size: 35%;
  }

  .txt-pres,
  .txt-premier,
  .mentionlegale {
    width: 20rem;
    font-size: 1rem;
  }

  .titre-premier,
  .titre_deux,
  .titre_energie,
  .carte_soin,
  .titre_seance,
  .titre_soin,
  .deroule_nomsoin,
  .titre_insta,
  .titre_carte,
  .nom_formulaire,
  .recevoir,
  .titre_mention,.article_1 {
    font-size: 1.5rem;
    text-align: center;
  }

  .img-main {
    background-image: none;
  }

  .footer,
  .tel,
  .footer-menu a {
    font-size: 0.8rem;
    height: fit-content;
  }

  .txt-pres {
    margin-top: -3rem;
  }

  .para {
    margin-top: -2rem;
  }

  .paragraphe_updm,
  .intro_temoignage,
  .descri,
  .texte_avis,
  .desc_seance,
  .texte_energie,
  .desc_soin,
  .description_deroulesoin,
  .contact,
  .nom_insta,
  .txt_mention,
  .desc_lettre,.txt_article1 {
    font-size: 1rem;
    margin-left: 0rem;
    margin-right: 0rem;
    width: inherit;
  }

  .unpeudemoi,
  .temoignages,
  .energie,
  .derouleseance,
  .mentionlegale,
  .contact_main {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    margin-top: 2rem;
  }
	
	
	.img_angel_updm_div{
	max-height:3rem;
		width:18rem;
		margin:auto;
		margin-bottom:2rem;
		
}

  .img_angel_updm {
	  max-height:100%;
	  width:100%;
	  margin:inherit;
    object-fit:contain;
	  shape-outside: inherit;
        -webkit-clip-path: inherit;
        clip-path: inherit;
	 
  }

  .titre_updm {
    font-size: 2rem;
  }

  .title {
    font-size: 1.5rem;
  }

  .image_angelique_updm {
    height: 10rem;
  }

  .illu_soin {
    height: 12rem;
    width: 12rem;
  }

  .carte_soin {
    margin-bottom: 1.5rem;
  }

  .grid_soin {
    row-gap: 2rem;
  }

  .map iframe {
    height: 15rem;
    width: 100%;
  }
  .mentionlegale{
    width: fit-content;
  }

  .burger-menu.active .line:nth-child(1) {
    transform: rotate(45deg) translate(6px, 11px);
  }

  .burger-menu.active .line:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -11px);
  }
  .img_detail_soin{
    height: 15rem;
    width: 20rem;
    border-radius: 15px;
    object-fit: cover;
  }
  .flex_detailsoin{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    margin-top: 5%;
  }
}