   <style>* {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
   }

   header {
       min-height: 100px;
   }




   .espace {
       margin-bottom: 10px;
   }

   .strip-1 {
       min-height: 500px;

   }

   .font-strip {
       background: url(img/mm.png)no-repeat fixed;
       background-size: cover;
   }

   .font-strip .btn {
       background-color: wheat;
       color: black;
   }

   .font-strip .btn:hover {
       background-color: rgba(0, 0, 0, 0);
       color: wheat;
       border: 1px solid wheat;

   }

   .strip-color {
       min-height: 600px;
       position: relative;

       width: 1820px;
       background-color: rgba(0, 0, 0, 0);
   }

   .strip-color h1 {
       color: white;
   }

   .strip-color p {
       color: white;
   }

   .strip-2 {
       min-height: 400px;
       background: url(img/mll.jpg) center no-repeat;
       background-size: cover;
   }


   .strip-3 {
       min-height: 100px;
       background-color: rgba(234, 234, 234, 0.865);
   }

   .strip-3 #svg {
       color: black;
       background-color: white;
       display: none;
   }


   .box-titr {
       width: 100%;
       text-align: start;
       margin: 0 auto;
       padding: 20px 30px;
       display: flex;
       flex-direction: column;
       justify-content: center;
       height: 350px;
       background-color: #ffffff00;
       border: 1px solid #ccc;
       cursor: pointer;
   }

   #p-titre {
       padding: 20px;
       font-size: 20px;
   }

   .strip-3 p {
       margin: 0;
   }

   .service {
       min-height: 800px;
       padding-top: 10px;
       background: rgb(249, 240, 223);
       padding-bottom: 30px;
   }


   .service .strip-top {
       min-height: 100px;
       ;

   }

   .service .strip-top h1 {

       text-align: start;
       margin-left: 170px;
       padding-top: 20px;
   }

   .service .strip-bottom {
       min-height: 700px;

   }

   .service .box {
       padding-bottom: 20px;
       min-height: 450px;
       background-color: rgb(255, 255, 255);
   }

   .service .box .img {
       background: url(img/ff.jpg )no-repeat center;
       background-size: cover;
       height: 200px;
   }

   .service .box .img22 {
       background: url(img/sds.jpg )no-repeat center;

       background-size: cover;
       height: 200px;
   }

   .service .box .img2 {
       background: url(img/dsd.jpg )no-repeat center;
       background-size: cover;
       height: 200px;
   }

   .service .box .img10 {
       background: url(img/gfg.jpg )no-repeat center;
       background-size: cover;
       height: 200px;
   }

   .service .box .img3 {
       background: url(img/c4.jpg )no-repeat center;
       background-size: cover;
       height: 200px;
   }

   .service .box .img4 {
       background: url(img/DETATOUAGE.jpg )no-repeat center;
       background-size: cover;
       height: 200px;
   }

   .service .box .img5 {
       background: url(img/cl.jpg )no-repeat center;
       background-size: cover;
       height: 200px;
   }

   .service .box .img6 {
       background: url(img/Laser-Hair-Removal-Treatment.webp )no-repeat center;
       background-size: cover;
       height: 200px;
   }

   .service .box h1 {
       font-size: 21px;
       text-transform: uppercase;
       margin: 20px 0;

   }

   .box p {
       min-height: 120px;
   }


   .contact {
       min-height: 400px;
   }

   .contact .strip-top {
       min-height: 100px;


   }

   .contact .strip-top h1 {
       text-align: start;
       margin-left: 140px;
       padding-top: 70px;
       color: white;
   }

   .contact .strip-top p {
       text-align: start;
       margin: 0 140px;
       padding-top: 20px;
       color: white;
       font-size: 30px;
       padding-bottom: 50px;
   }


   .contact .strip-bottom {
       min-height: 600px;

   }

   .contact .strip-bottom .iframe {
       width: 500px;
       margin: 20px;
       height: 400px;
   }

   .contact .box {
       min-height: 500px;
   }


   .div {
       position: fixed;
       top: 10%;
       left: 35%;
       min-height: 300px;
       width: 30%;
       background-color: wheat;
       border-radius: 7px;
       display: flex;
       justify-content: center;
       align-items: start;
       display: none;
       padding: 50px 10px;
       margin: 20px auto;

   }

   .pricing-container {
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       min-height: 100px;
   }

   .pricing-container h4 {
       color: #333;
       margin-bottom: 10px;
       /* Réduit de 20px à 15px */
       font-size: 1.5em;
       text-align: center;
   }

   .pricing-car {
       background: #f0f0f0;
       padding: 10px;
       /* Réduit de 15px à 10px */
       border-radius: 8px;
       margin-bottom: 10px;
       /* Réduit de 15px à 10px */
       margin: 2px;
       width: 70%;
       min-height: 80px;
       text-align: center;
   }

   .pricing-car h3 {
       margin: 0;
       color: #444;
       font-size: 1.1em;
       /* Réduit de 1.2em à 1.1em */
   }

   .price {
       font-size: 1.3em;
       /* Réduit de 1.5em à 1.3em */
       color: rgb(242, 32, 32);
       margin: 2px 0 0;
       margin-top: 20px;
   }

   .consultation {
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       background: #e0e0e0;
       padding: 10px;
       width: 70%;
       height: 130px;
       /* Réduit de 15px à 10px */
       border-radius: 8px;
       margin-top: 8px;
       /* Réduit de 20px à 15px */
   }

   .consultation h3 {
       margin: 0;
       color: #555;
       font-size: 1.1em;
       /* Réduit de 1.2em à 1.1em */
   }

   .consultation p {
       margin: 5px 0 0;
       color: #555252;
       font-size: 0.9em;
       text-align: center;
       /* Réduit de 1em à 0.9em */
   }

   .div button {
       background-color: grey;
       border: none;
       margin-top: 20px;
   }

   .close {
       position: fixed;
       right: 36%;
       top: 14%;
       color: rgb(216, 191, 146);
       background-color: white;
       border-radius: 20px;
       border: 2px solid white;
   }

   #div .p-d {
       text-align: center;
       margin: 10px;
   }

   .information {
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       background: #f0f0f0;
       padding: 10px;
       width: 70%;
       border-radius: 8px;
       margin-top: 10px;
   }

   .information h3 {
       margin: 0;
       color: #444;
       font-size: 1.1em;
       text-align: center;
   }

   .information p {
       margin: 5px 0 0;
       color: #555252;
       font-size: 0.9em;
       text-align: center;
   }

   .box-titre {
       width: 300px;
       text-align: start;
       margin: 0 auto;
       padding: 15px 5px;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       background-color: #ffffffdc;
       border: 1px solid #ccc;
       cursor: pointer;
   }

   .con {
       display: flex;
   }


   .box-titre h2 {
       color: #444;
       font-size: 20px;
   }

   .box-titre svg {
       color: white;
       background-color: wheat;
       position: fixed;
       left: 80%;
   }

   .content {
       display: none;
       margin-top: 10px;
   }


   #div-w {
       width: 100%;
   }

   #pp {
       display: none;
   }

   .flag-container {
       position: fixed;
       bottom: 20px;
       display: flex;
       left: 20px;
       cursor: pointer;
       background-color: rgb(255, 255, 255);
       padding: 5px 15px;
       justify-content: center;
       align-items: center;
       border-radius: 15px;
   }

   .h1-flag {
       font-size: 25px;
   }

   .img-flag {
       border-radius: 45px;
   }

   .flag-container img {
       margin: 10px;
   }

   .flag {
       width: 30px;
       height: auto;
       display: block;
   }

   .dropdown {
       display: none;
       flex-direction: column;
       margin-top: 10px;
   }

   .flag-container:hover .dropdown {
       display: flex;
   }

   .reseaux {
       min-height: 70px;
       margin-top: 20px;
       margin-bottom: -70px;
       display: flex;
       justify-content: center;
       align-items: center;
   }

   .reseau{
    min-height: 30px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  
}

   .reseaux img {
       height: 35px;
       margin: 8px;
   }

   
   .reseau img {
    height: 35px;
    margin: 8px;
}

   .gallerie-section {
       min-height: 500px;
       display: none;
       align-items: center;
       justify-content: space-around;

   }




   @media screen and (max-width: 768px) {


       #pp {
           display: block;
       }

       .font-strip {
           background: url(img/gfgfgf.jpg)no-repeat center;
           background-size: contain;
           background-position: top;
       }

       .strip-color {
           background-color: rgba(0, 0, 0, 0.542);
       }

       .strip-3 h1 {
           text-align: center;
           font-size: 15px;
       }

       #p-titre {
           padding: 20px;
           font-size: 20px;
           display: none;
       }

       .strip-3 {
           background: rgb(249, 240, 223);
       }

       .strip-3 .aa {
           text-align: center;
       }

       .strip-3 #svg {
           color: black;
           display: block;
           margin: 10px;
           border: none;
           cursor: pointer;

       }

       .cl {
           position: relative;
           top: -40px;
           left: 250px;

       }


       .arrow {
           animation: bounce 2s infinite;
       }

       @keyframes bounce {

           0%,
           20%,
           50%,
           80%,
           100% {
               transform: translateY(0);
           }

           40% {
               transform: translateY(-20px);
           }

           60% {
               transform: translateY(-10px);
           }
       }


       .box-titr {
           width: 100%;
           text-align: start;
           margin: 0 auto;
           padding: 25px 30px;
           display: flex;
           flex-direction: column;
           justify-content: start;
           align-items: center;
           height: 150px;
           cursor: pointer;
           border-radius: 10px;
       }


       .strip-3 p {
           font-size: 18px;
           text-align: center;
       }

       .service .strip-top h1 {

           text-align: center;
           margin: 20px;
           margin-top: 10px;
           font-size: 40px;
       }

       .contact .strip-top {
           background: rgb(249, 240, 223);
       }

       .contact .strip-top h1 {

           text-align: center;
           margin: 0 20px;
           margin-top: 10px;
           font-size: 30px;
           color: rgb(59, 58, 58);
       }

       .contact .strip-top p {
           text-align: center;
           margin: 5px 20px;
           color: rgb(89, 87, 87);
           font-size: 20px;
       }

       .contact .strip-bottom .iframe {
           width: 90%;
           height: 400px;
       }

       .contact .strip-bottom {
           background: rgb(249, 240, 223);

       }

       .div {
           min-height: 20px;
           position: fixed;
           top: 12%;
           overflow-y: auto;
           left: 4.5%;
           width: 90%;
           background-color: rgb(220, 197, 155);
           border-radius: 25px;
           display: flex;
           justify-content: center;
           margin: 5px auto;
           display: none;


       }


       .pricing-container {
           display: flex;
           flex-direction: column;
           justify-content: center;
           align-items: center;
       }

       .pricing-container h4 {
           color: #333;
           margin-bottom: 10px;
           /* Réduit de 20px à 15px */
           font-size: 1.3em;
           text-align: center;
       }

       .pricing-car {
           background: #f0f0f0;
           padding: 10px;
           /* Réduit de 15px à 10px */
           border-radius: 8px;
           margin-bottom: 10px;
           /* Réduit de 15px à 10px */
           margin: 2px;
           width: 95%;
           min-height: 80px;
           text-align: center;
       }

       .pricing-car h3 {
           margin: 10px 0;
           color: #444;

           font-size: 0.9em;
           /* Réduit de 1.2em à 1.1em */
       }

       .price {
           font-size: 1.3em;
           /* Réduit de 1.5em à 1.3em */
           color: rgb(242, 32, 32);
           margin: 2px 0 0;
       }

       .consultation {
           display: flex;
           flex-direction: column;
           justify-content: center;
           align-items: center;
           background: #e0e0e0;
           padding: 5px;
           margin-top: 20px;
           width: 95%;
           height: 110px;
           /* Réduit de 15px à 10px */
           border-radius: 8px;
           /* Réduit de 20px à 15px */
       }

       .consultation h3 {
           margin: 0;
           color: #555;
           font-size: 1em;
           /* Réduit de 1.2em à 1.1em */
       }

       .consultation p {
           margin: 5px 0;
           color: #555252;
           font-size: 0.8em;
           text-align: center;
           /* Réduit de 1em à 0.9em */
       }

       .div button {
           background-color: rgb(78, 77, 77);
           color: white;
           border: none;
       }

       .close {
           position: fixed;
           right: 10%;
           top: 3%;
       }

       #div .p-d {
           text-align: center;
           margin: 0px;
           font-size: 14px;
       }


       .information {
           display: flex;
           flex-direction: column;
           justify-content: center;
           align-items: center;
           background: #f0f0f0;
           padding: 10px;
           width: 95%;
           border-radius: 8px;
           margin-top: 10px;
       }

       .pricing-container h4 {
           margin: 15px 0;
           color: #444;
           font-size: 1.3em;
           text-align: center;
       }

       .information p {
           margin: 5px 0;
           color: #555252;
           font-size: 0.8em;
           text-align: center;
       }

       #div-w {
           width: 400px;
       }



       #div {
           top: 5%;
       }

       #div-2 {
           top: 15%;
       }

       #div-3 {
           top: 15%;
       }

       #div-10 {

           top: 15%;
       }

       #div-5 {
           top: 35%;
       }

       #div-6 {
           top: 30%;
       }

       #div .close {
           top: 7%;
       }

       #div-10 .close {
           top: 18%;
       }

       #div-2 .close {
           top: 18%;
       }

       #div-4 .close {
           top: 15%;
       }

       #div-3 .close {
           top: 18%;
       }

       #div-5 .close {
           top: 38%;
       }

       #div-6 .close {
           top: 32%;
       }

       #ID-H4 {
           margin-top: -30px;
       }

       .contact {
           background-color: wheat;
       }

       .gallerie-section {
           min-height: 500px;
           display: block;
           align-items: center;
           padding: 0 20px;
       }

       .gallerie-section h2 {
           text-align: center;
           margin-top: 30px;
       }

       .gallerie-section img {
           width: 350px;
           padding: 10px 0;
       }

   }