Outiref


<!DOCTYPE html>
<html lang="fr">
<head>
  <title>Chirurgie intime Tunisie, chirurgie intime femme, chirurgie intime homme  - CosmeticaTravel</title>
  <meta name="format-detection" content="telephone=no">
  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta charset="utf-8">
  <link rel="icon" href="images/favicon.ico" type="image/x-icon">
  <meta name="description" content="Chirurgie intime Tunisie avec Cosmetica Travel: lisez sur nos opérations de chirurgie intime homme et femme et découvrez nos prix pas chers">
  <meta name="Robots" content="all"/>
  <meta name="Revisit-after" content="7 days"/>
  
  <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MWDL23D');</script>
<!-- End Google Tag Manager -->

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-978271257"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-978271257');
</script>	<link rel="icon" href="https://www.cosmeticatravel.com/images/favicon.ico" type="image/x-icon">

	<link rel="preload" href="https://www.cosmeticatravel.com/css/style.css" as="style">
  	<link rel="preload" href="https://www.cosmeticatravel.com/js/core.min.js" as="script">
  	<link rel="preload" href="https://www.cosmeticatravel.com/js/script.js" as="script">
  	<link rel="preload" href="https://www.cosmeticatravel.com/fonts/fontawesome-webfont.woff2?v=4.5.0" as="font" type="font/woff2" crossorigin="anonymous">
  	<link rel="preload" href="https://fonts.googleapis.com/css?family=Alegreya+Sans:400,800,700,400italic" as="style">


	<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Alegreya+Sans:400,800,700,400italic">
	<link rel="stylesheet" type="text/css" href="https://www.cosmeticatravel.com/css/style.css">
	

	<!--[if lt IE 10]>
    <div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="https://www.cosmeticatravel.com/images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
    <script src="https://www.cosmeticatravel.com/js/html5shiv.min.js"></script>
	<![endif]-->

	<style>
    table {border:1px solid #7ba1da; padding: 1px; background: white; width:100%;}
    tr:nth-child(even) {background: #f7f7f7} 
    td {padding: 7px;font-size: 18px; text-align: left;}
  </style>


  



    <link rel="stylesheet" href="https://www.cosmeticatravel.com/chatbot/assets/css/chat.css">
    <link rel="stylesheet" href="https://www.cosmeticatravel.com/chatbot/assets/css/style.css">
    <link rel="stylesheet" href="https://www.cosmeticatravel.com/chatbot/assets/css/typing.css">
    <style>
        span.messages__dot {
            height: 8px;
            width: 8px;
            float: left;
            margin: 0 1px;
            background-color: #fff;
            display: block;
            border-radius: 50%;
            opacity: 0.4;
            animation: 1s blink infinite;
        }
        .typing{
            margin-right: 20px;
            padding: 0px;
        }
    </style>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MWDL23D"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
  <div class="page text-center">

    <header class="page-head">
  <!-- RD Navbar-->
  <div class="rd-navbar-wrap">
    <nav data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fullwidth" data-md-device-layout="rd-navbar-fullwidth" data-sm-device-layout="rd-navbar-fullwidth" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-static" data-sm-stick-up-offset="229px" data-lg-stick-up-offset="155px" class="rd-navbar rd-navbar-default">
      <!-- RD Navbar top part-->
      <div class="rd-navbar-top-part bg-primary">
        <div class="shell">
          <div class="reveal-sm-flex range-sm-justify">


           <div class="cell-sm-8 cell-md-4 offset-top-5 offset-md-top-0 text-center">
             <ul class="veil-sm list-inline list-inline-md">
               <li><a href="https://www.cosmeticatravel.com/"><img src="https://www.cosmeticatravel.com/images/flags/france.png" alt="Français"></a></li>
               <li style="margin-left: 10px;"><a href="https://en.cosmeticatravel.com/"><img src="https://www.cosmeticatravel.com/images/flags/united_kingdom.png" alt="United Kingdom"></a></li>
               <li style="margin-left: 10px;"><a href="https://it.cosmeticatravel.com/"><img src="https://www.cosmeticatravel.com/images/flags/italy.png" alt="Italy"></a></li>
             </ul>
           </div>

            <div class="veil-sm cell-xs-8 cell-md-4 offset-top-5 offset-md-top-0 text-center">
              <ul class="list-inline list-inline-sm reveal-inline reval-md-block">
                <li style="font-size: 16px;" class="text-white"><a href="tarifs_chirurgie_esthetique_tunisie.php" class="text-white">Votre traitement médical et chirurgie esthétique en Tunisie au meilleur prix.
                </a></li>
              </ul>
            </div>


            <div class="veil reveal-sm-block cell-xs-8 cell-md-4 offset-top-5 offset-md-top-0">
              <ul class="list-inline list-inline-sm reveal-inline reval-md-block">
                <li class="text-white"><a href="tarifs_chirurgie_esthetique_tunisie.php" class="text-white">Votre traitement médical et chirurgie esthétique en Tunisie au meilleur prix.
                </a></li>
                <li class="text-white"> | </li>
                <li><a href="https://clients.cosmeticatravel.com/login.php" class="text-white text-extra-bold link-underline"><div class="icon fa-user  text-white"></div> S'identifier</a></li>
              </ul>
            </div>

          </div>
        </div>
      </div>





      <div class="rd-navbar-inner rd-navbar-inner-1">
        <!-- RD Navbar Panel-->
        <div class="rd-navbar-panel" style="opacity: 1; animation: none 0s ease 0s 1 normal none running;">
          <!-- RD Navbar Toggle-->
          <button data-rd-navbar-toggle=".rd-navbar-nav-wrap" class="rd-navbar-toggle toggle-original" style="opacity: 1; animation: none 0s ease 0s 1 normal none running;"><span></span></button>
          <div class="reveal-sm-flex range-sm-around range-md-justify range-sm-middle">
            <div>
              <!-- RD Navbar Brand-->
              <div class="brand">

                <div class="veil reveal-sm-block">
                  <a href="https://www.cosmeticatravel.com/" class="brand-name"><img src="https://www.cosmeticatravel.com/images/logo.png" width="303" border="0" alt="Chirurgie Esthétique Tunisie"> </a>
                </div>
                <div class="veil-sm" style="top: 0px; position: fixed; padding: 5px 50px; right: 0px; left: 0px; height: 90px; text-align: center; opacity: 1; animation: none 0s ease 0s 1 normal none running;"> 
                <a href="https://www.cosmeticatravel.com/" class="brand-name"><img src="https://www.cosmeticatravel.com/images/logo.png" width="180" border="0" alt="Chirurgie Esthétique Tunisie"> </a>


                <a style="top: 70px; position: fixed; font-weight: normal; padding: 10px 5px; font-size: 15px; left: 50.5%; right: 8px; box-shadow: none; opacity: 1; animation: none 0s ease 0s 1 normal none running;" href="formulaire_preconsultation.php" class="btn btn-primary">DEVIS GRATUIT</a> 

                <a class="btn btn-primary" href="tarifs_chirurgie_esthetique_tunisie.php" style="top: 70px; position: fixed; font-weight: normal; padding: 10px 5px; font-size: 15px; right: 50.5%; left: 8px; box-shadow: none; opacity: 1; animation: none 0s ease 0s 1 normal none running;">TARIFS</a> 

                <a style="top: 70px; position: fixed; font-weight: bold; font-size: 20px; text-align: right; color: rgb(85, 85, 85); left: 10px; right: 10px; opacity: 1; animation: none 0s ease 0s 1 normal none running; text-align: center;" href="#"> <div class="icon fa-whatsapp" style="color:#41a00e;"></div> 00216 29 52 91 49. </a>
          

              </div>
            </div>
          </div>


          <div class="cell-sm-6 cell-md-3 offset-top-0 offset-md-top-0" style="float: right; margin-left: 260px;">
             <a href="https://www.fit-tunisie.org/tourisme-medical.php" target="_blank"><img src="https://www.cosmeticatravel.com/images/accreditation.png" height="120" border="0" alt="accreditation"> </a>
           </div>

          <div class="veil reveal-sm-block">
            <ul class="list-inline list-inline-from-md text-left">
              <li>
                <div class="unit unit-xl-horizontal unit-lg-horizontal unit-md-horizontal unit-sm-horizontal unit-middle">
                  <div class="unit-left">
                    <div class="icon fa-clock-o icon-circle"></div>
                  </div>
                  <div class="unit-body">
                    <div class="text-bold text-gray-light">Horaires d’ouverture:</div>
                    <div class="text-gray-lighter">&nbsp;Du lundi au vendredi de 9h à 18h</div>
                  </div>
                </div>
                <div class="unit unit-xl-horizontal unit-lg-horizontal unit-md-horizontal unit-sm-horizontal unit-middle">
                  <div class="unit-left">
                    <div class="icon fa-whatsapp icon-circle"></div>
                  </div>
                  <div class="unit-body">
                    <div class="text-bold text-gray-light">00216 29 52 91 49.</div>
                  </div>
                </div>

                <ul class="list-inline list-inline-md">
               <li><a href="https://www.cosmeticatravel.com/"><img src="images/flags/france.png" alt="Français"></a></li>
               <li style="margin-left: 10px;"><a href="https://en.cosmeticatravel.com/"><img src="images/flags/united_kingdom.png" alt="United Kingdom"></a></li>
               <li style="margin-left: 10px;"><a href="https://it.cosmeticatravel.com/"><img src="images/flags/italy.png" alt="Italy"></a></li>
             </ul>


              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>



    <div class="veil reveal-sm-block">
      <hr class="divider offset-top-0 offset-bottom-0">
    </div>

    <div class="rd-navbar-inner rd-navbar-inner-2 offset-top-0">
      <div class="reveal-sm-flex range-sm-justify range-sm-middle pos-relative">
        <div class="rd-navbar-nav-wrap text-md-left">
          <!-- RD Navbar Nav-->
          <ul class="rd-navbar-nav">
            <li style="margin:0px 5px 0px 0px;"><a href="https://www.cosmeticatravel.com/">Accueil</a></li>
            <li style="margin:0px 5px 0px 5px;"><a href="tarifs_chirurgie_esthetique_tunisie.php">Tarifs</a></li>
            <li style="margin:0px 15px 0px 5px;"><a>Interventions</a> 
              <ul class="rd-navbar-dropdown">

                                            
                            <li><a href="chirurgie-esthetique.php">Chirurgie esthétique et soins</a>
                              
                              
                              <ul class="rd-navbar-dropdown">

                                                                                              <li><a href="silhouette.php"> Chirurgie de la silhouette</a>

                                  <ul class="rd-navbar-dropdown">
                                                                            <li><a href="abdominoplastie-tunisie.php">Abdominoplastie</a></li>
                                      <li><a href="liposuccion.php">Liposuccion</a></li>
                                      <li><a href="body-lift-tunisie.php">Body lift</a></li>
                                      <li><a href="lifting-bras-tunisie.php">Lifting bras</a></li>
                                      <li><a href="lifting-cuisses-tunisie.php">Lifting cuisses</a></li>
                                      <li><a href="lifting-dos.php">Lifting dos</a></li>
                                      <li><a href="lifting-hanches-tunisie.php">Lifting hanches</a></li>
                                                                      </ul>


                                </li>
                                                                                              <li><a href="chirurgie-fessier-tunisie.php"> Chirurgie fessier</a>

                                  <ul class="rd-navbar-dropdown">
                                                                            <li><a href="lipofilling-fessiers-tunisie.php">Lipofilling fessier</a></li>
                                      <li><a href="implants-fessiers-tunisie.php">Implant fessier</a></li>
                                      <li><a href="lifting-fesses-tunisie.php">Lifting fessier</a></li>
                                                                      </ul>


                                </li>
                                                                                              <li><a href="chirurgie_seins.php"> Chirurgie des seins (Femme)</a>

                                  <ul class="rd-navbar-dropdown">
                                                                            <li><a href="augmentation_mammaire.php">Augmentation mammaire</a></li>
                                      <li><a href="reduction_mammaire.php">Réduction mammaire</a></li>
                                      <li><a href="lifting_des_seins.php">Lifting des seins</a></li>
                                                                      </ul>


                                </li>
                                                                                              <li><a href="chirurgies-esthetiques-pour-hommes.php"> Chirurgie poitrine (Homme)</a>

                                  <ul class="rd-navbar-dropdown">
                                                                            <li><a href="gynecomastie.php">Gynécomastie</a></li>
                                      <li><a href="implants-pectoraux-tunisie.php"> Implants pectoraux</a></li>
                                                                      </ul>


                                </li>
                                                                                              <li><a href="visage.php"> Chirurgie du visage</a>

                                  <ul class="rd-navbar-dropdown">
                                                                            <li><a href="lifting.php">Lifting cervico-facial</a></li>
                                      <li><a href="blepharoplastie.php">Blépharoplastie</a></li>
                                      <li><a href="lifting-cou-tunisie.php">Lifting du cou</a></li>
                                      <li><a href="lifting-temporal-tunisie.php">Lifting temporal (pince mannequin)</a></li>
                                      <li><a href="rhinoplastie.php">Rhinoplastie</a></li>
                                      <li><a href="lipofilling-visage-tunisie.php">Injection de graisse visage</a></li>
                                      <li><a href="genioplastie-tunisie.php">Génioplastie</a></li>
                                      <li><a href="otoplastie.php">Otoplastie</a></li>
                                      <li><a href="reduction-levres.php">Réduction des lèvres</a></li>
                                      <li><a href="boule-de-bichat-maigrir-du-visage.php">Enlevement des boules de bichat</a></li>
                                                                      </ul>


                                </li>
                                                                                              <li><a href="soins_esthetiques_tunisie.php"> Soins esthétiques</a>

                                  <ul class="rd-navbar-dropdown">
                                                                            <li><a href="injection-acide-hyaluronique.php">Injection d’acide hyaluronique</a></li>
                                      <li><a href="epilation-laser.php">Epilation laser</a></li>
                                      <li><a href="dermopigmentation.php">Maquillage permanent</a></li>
                                      <li><a href="mesolift.php">Mesolift</a></li>
                                      <li><a href="peeling.php">Peeling</a></li>
                                      <li><a href="lifitng-non-chirurgical-du-visage.php">Lifitng non-chirurgical du visage</a></li>
                                      <!-- <li><a href="lifitng-non-chirurgical-du-visage.php">Plasma Riche en Plaquettes (PRP)</a></li> -->
                                                                      </ul>


                                </li>
                              


                              </ul>

                              

                            </li>
                        
                                                  
                            <li><a href="chirurgie-de-l-obesite.php">Chirurgie de l’obésité</a>
                              
                              
                              <ul class="rd-navbar-dropdown">

                                                                  <li><a href="anneau_gastrique.php"> Anneau gastrique</a></li>
                                  <li><a href="sleeve-gastectomie-tunisie.php"> Sleeve gastrectomie</a></li>
                                  <li><a href="bypass.php" id="SubMenu_obesite"> Bypass</a></li>
                                  <li><a href="ballon-intra-gastrique.php"> Ballon intra-gastrique</a></li>
                                
                              </ul>

                              

                            </li>
                        
                                                  
                            <li><a href="chirurgie-intime.php">Chirurgie intime</a>
                              
                              
                              <ul class="rd-navbar-dropdown">

                                                                  <li><a href="hymenoplastie.php"> Hyménoplastie (Femme)</a></li>
                                  <li><a href="reduction_levres_vaginales_labiaplastie.php"> Labiaplastie (Femme)</a></li>
                                  <li><a href="retrecissement_vagin.php"> Vaginoplastie (Femme)</a></li>
                                  <li><a href="peniplastie.php"> Pénoplastie (Homme)</a></li>
                                
                              </ul>

                              

                            </li>
                        
                                                  
                            <li><a href="greffe-de-cheveux.php">Greffe de cheveux</a>
                              
                              

                            </li>
                        
                                                  
                            <li><a href="soins-dentaires.php">Soins dentaires</a>
                              
                              
                              <ul class="rd-navbar-dropdown">

                                                                  <li><a href="implant-dentaire.php" > Implants dentaires</a></li>
                                  <li><a href="facettes-dentaires.php"> Facettes dentaires</a></li>
                                  <li><a href="protheses-dentaires.php"> Prothèses dentaires</a></li>
                                  <li><a href="blanchiment-des-dents.php"> Blanchiment des dents</a></li>
                                
                              </ul>

                              

                            </li>
                        
                                                  
                            <li><a href="fecondation-in-vitro.php">Fécondation in vitro</a>
                              
                              

                            </li>
                        
                                                  
                            <li><a href="ophtalmologie.php">Chirurgie des yeux</a>
                              
                              
                              <ul class="rd-navbar-dropdown">

                                                                  <li><a href="laser-yeux.php">Laser des yeux</a></li>
                                  <li><a href="echange-de-lentilles-refractives-elr.php">Chirurgie réfractive</a></li>
                                  <li><a href="operation-cataracte.php">Opération de la cataracte</a></li>
                                  <li><a href="greffe-de-cornee.php">Greffe de cornée</a></li>
                                
                              </ul>

                              

                            </li>
                        
                                                  
                            <li><a href="chirurgie-gastrique.php">Chirurgie gastrique</a>
                              
                              
                              <ul class="rd-navbar-dropdown">

                                                                  <li><a href="chirurgie-du-reflux.php"> Chirurgie du reflux</a></li>
                                  <li><a href="cholecystectomie.php"> Cholécystectomie</a></li>
                                
                              </ul>

                              

                            </li>
                        
                                                  
                            <li><a href="traitements-gynecologiques.php">Gynécologie</a>
                              
                              
                              <ul class="rd-navbar-dropdown">

                                                                  <li><a href="interruption-volontaire-grossesse-tunisie.php"> Interruption volontaire de grossesse</a></li>
                                  <li><a href="myomectomie.php"> Myomectomie</a></li>
                                  <li><a href="hysterectomie.php"> Hystérectomie</a></li>
                                
                              </ul>

                              

                            </li>
                        
                                                  
                            <li><a href="traitements-orthopediques.php">Orthopédie</a>
                              
                              
                              <ul class="rd-navbar-dropdown">

                                                                  <li><a href="prothese_hanche.php"> Prothèse de hanche</a></li>
                                  <li><a href="prothese_genou.php"> Prothèse de genoux</a></li>
                                
                              </ul>

                              

                            </li>
                        
                                                  
                            <li><a href="bilan-de-sante.php">Bilan complet de santé</a>
                              
                              

                            </li>
                        
                                                  
                            <li><a href="autres-interventions.php">Autres</a>
                              
                              

                            </li>
                        
                        
                           

                        </ul>
                      </li>
                        <li style="margin:0px 15px 0px 5px;"><a href="chirurgie-plastique-tunisie.php" data-title="Qui sommes nous ?">Qui sommes nous ?</a>
                          <ul class="rd-navbar-dropdown">
                            <li><a href="tourisme-esthetique.php" data-title="Pourquoi leader ?">Pourquoi leader ?</a></li>
                            <li><a href="media.php" data-title="Médias parlant de nous">Médias parlant de nous</a></li>
                            <li><a href="cliniques-esthetiques-tunisie.php" data-title="Les cliniques">Les cliniques</a></li>
                            <li><a href="chirurgiens-esthetiques.php" data-title="Les chirurgiens">Les chirurgiens</a></li>
                            <li><a href="sejour-esthetique-tunisie.php" data-title="Les hotels">Les hôtels</a></li>
                            <li><a href="operation-chirurgie-esthetique.php" data-title="Nos engagements">Nos engagements</a></li>
                            <li><a href="suivi.php" data-title="Suivi post-opératoire">Suivi post-opératoire</a></li>
                            <li><a href="cosmetica-travel-etapes.php" data-title="Etapes à suivre">Étapes à suivre</a></li>
                          </ul>
                        </li>

                        <!-- <li style="margin:0px 5px 0px 5px;"><a href="blog/">Blog </a></li> -->

                        <li style="margin:0px 15px 0px 5px;"><a href="chirurgie-esthetique-tunisie-temoignages.php" data-title="Témoignages">Témoignages</a></li>

                        <!-- <li id="topmenu" style="margin-left:0px;"><a href="promos-chirurgie-esthetique-tunisie.php" class="btn btn-primary" style="font-weight:normal; width:110px;background: deeppink;border: 1px solid deeppink;">PROMOS</a></li> -->

                        <li id="topmenu" style="margin-left:0px;"><a href="rappellez-moi.php" class="btn btn-primary" style="font-weight:normal; width:230px;"><div class="icon fa-mobile" style="margin-right:15px;"> </div>RAPPELEZ-MOI</a></li>
                        <li id="topmenu" style="margin-left:1px;"><a href="formulaire_preconsultation.php" class="btn btn-primary" style="font-weight:normal; width:230px;"><div class="icon fa-pencil-square-o" style="margin-right:7px;"> </div>DEVIS GRATUIT</a></li>

                        <li><a href="https://clients.cosmeticatravel.com/login.php" class="veil-sm text-white text-extra-bold link-underline"><div class="icon fa-user text-primary"></div> S'identifier</a></li>
                      </ul>
                    </div>




                    <div class="rd-navbar-search">
                  <form action="https://www.cosmeticatravel.com/blog/resultats.php" data-search-live="rd-search-results-live" method="GET" class="rd-search rd-search-nav pull-left toggle-original-elements">
                    <div class="form-group">
                      <input id="rd-navbar-search-form-input" type="text" name="recherche" placeholder="Entrez un mot-clef" autocomplete="off" class="rd-navbar-search-form-input form-control form-control-gray-lightest">
                      <button type="submit" class="rd-search-form-submit veil reveal-sm-inline-block"></button>
                      <div id="rd-search-results-live" class="rd-search-results-live veil reveal-sm-block cleared"></div>
                    </div>
                  </form><a data-rd-navbar-toggle=".rd-search-nav" data-custom-toggle-disable-on-blur="true" href="#" class="rd-navbar-search-toggle pull-right toggle-original"><span></span></a>
                </div>


                </div>
              </div>



            </nav>
          </div>
        </header>    
    <div class="shell">
      <ul class="list-inline list-inline-dashed offset-top-25 breadcrumbs">
        <li><a href="https://www.cosmeticatravel.com/">Accueil</a></li> 
        <li class="active text-gray-dark">Chirurgie intime</li>
      </ul>    
    </div>


    <main class="page-content">
      <div class="shell offset-top-30 offset-md-top-50">
        <div class="range range-xs-center">

          <div class="cell-sm-8 cell-md-8">

            <h1 class="text-regular">Chirurgie intime</h1>


            <p>La chirurgie intime sort petit à petit de l&rsquo;ombre pour  nous permettre de nous réconcilier avec notre corps et particulièrement avec  notre intimité. Cette zone, souvent négligée puisque jugée taboue dans  certaines cultures, nécessite un soin particulier tant elle est fragile et  délicate. Cela n&rsquo;est pas seulement une question d&rsquo;hygiène, puisque de plus en  plus de personnes s&rsquo;inquiètent également de sa beauté physique. C&rsquo;est un sujet  que bon nombre de personnes ont encore du mal à aborder, mais ces dernières  années, les langues commencent à se délier pour permettre l&rsquo;essor de techniques  chirurgicales désormais maîtrisées. </p>
            <h2 class="h4 text-regular">Quand avoir recours à la chirurgie intime&nbsp;? </h2>
            <p>Il n&rsquo;y a pas de bon moment ou de bonne raison pour  recourir à une chirurgie de l&rsquo;intimité. Cela dépend avant tout de chaque  individu étant donné que les raisons sont souvent personnelles, voire  complexes. Parmi les raisons souvent évoquées, on peut néanmoins citer&nbsp;:</p>
            <p class="h6 text-gray-light offset-top-20">Le complexe&nbsp;:</p>
            <p class="offset-top-20">C&rsquo;est surtout le cas des hommes qui jugent la taille  de leur pénis trop petite. Le sexe étant la fierté des messieurs, ceux qui  l&rsquo;ont en petit modèle ou même en taille normale, sont souvent victimes de  moqueries de la part de leur entourage. Résultat, beaucoup d&rsquo;hommes, voire des  adolescents en font un complexe profond qui va les suivre jusque dans leur vie  d&rsquo;adulte. Pour eux, subir une pénoplastie ou une phalloplastie est donc la  solution pour chasser ce mal-être et ce complexe.</p>
            <p class="h6 text-gray-light offset-top-20">La gêne ou la  honte&nbsp;: </p>
            <p class="offset-top-20">Cette raison rejoint, d&rsquo;une certaine manière le  complexe. En effet, quand une personne a honte de ses parties intimes, elle va  forcément en faire un complexe, source de mal-être et d&rsquo;isolement. Pour cette  deuxième raison, on rencontre aussi bien des hommes ayant honte de leur petit  pénis ou des femmes ayant honte de la forme de leur vagin ou de la taille de  leur orifice vaginal. <br>
              Il faut savoir qu&rsquo;avec l&rsquo;âge, les expériences  sexuelles et les accouchements, la peau et les muscles du vagin de la femme ont  tendance à se relâcher. Elles sont alors nombreuses à trouver la forme de leur  vagin inesthétique, voire honteuse vis-à-vis de leur partenaire. Le culte de la  beauté du corps et des parties intimes affiché par les vidéos pornographiques  accentue encore ce sentiment de honte et c&rsquo;est cela qui pousse certaines femmes  à subir une vaginoplastie ou une labiaplastie.</p>
            <p class="h6 text-gray-light offset-top-20">La question de  l&rsquo;honneur&nbsp;:</p>
            <p class="offset-top-20">Dans certaines cultures, épouser une jeune femme  vierge est très importante, car la virginité de l&rsquo;épousée rend honneur à sa  famille et à celle du marié. De nos jours toutefois, les jeunes mariées encore  vierges sont rares et pourtant, les cultures ne changent pas pour autant. <br>
              Pour ne pas jeter la honte sur leur famille et sur  elles-mêmes, de nombreuses futures mariées sollicitent une hyménoplastie pour  redevenir vierges. Dans la majorité des cas, l&rsquo;intervention passe sous silence,  mais donne d&rsquo;excellents résultats. Non seulement, la jeune femme<br>
              recouvre sa virginité, mais il est aussi impossible de  détecter l&rsquo;intervention en cas d&rsquo;examen gynécologique prénuptial. Quant aux  cicatrices, elles sont quasi-invisibles puisque dissimulées dans les replis du  vagin. </p>
            <h2 class="h4 text-regular">Comment se déroule la chirurgie intime&nbsp;? </h2>
            <p>Le déroulement de la chirurgie intime varie en  fonction de l&rsquo;intervention à réaliser. En général, cela se passe sous  anesthésie générale et les suites opératoires sont peu complexes. Certes, des  douleurs seront ressenties après l&rsquo;intervention, mais elles sont atténuées par  des antalgiques. <br>
              Le patient devra également respecter une période de  convalescence et d&rsquo;abstinence sexuelle pour une bonne cicatrisation. </p>
            <h2 class="h4 text-regular">Quelles sont les différentes interventions de chirurgie intime&nbsp;? </h2>
            <p>Il existe différents types de chirurgie intime à  savoir&nbsp;:</p>


            <p class="h6 text-gray-light offset-top-20">Chirurgie intime de l’homme </p>



            <div class="post post-variant-1 post-list post-list-2 offset-top-15 offset-md-top-15">
            <h3 class="h4 text-regular offset-botom-20">La pénoplastie, également appelée phalloplastie </h3>
            <a href="peniplastie.php"><img src="images/peniplastie-h.png" alt="La pénoplastie, également appelée phalloplastie" width="370" height="270" class="img-responsive post-image" style="height: 270px; float: left; margin: 0px 15px 15px 0px; border: 1px solid #2285c5;"></a>
            <p class="text-gray-light offset-top-0 text-justify">
              Obtenez la taille de pénis que vous avez toujours voulu. La phalloplastie peut prendre deux formes : l’élargissement du pénis et donc de la verge et l’allongement du pénis. Les deux techniques peuvent être associées ou non, selon les besoins
            </p>
            <div class="post-bottom reveal-xs-flex range-xs-justify range-xs-middle range-xs-reverse">
            <a href="peniplastie.php" class="btn btn-primary post-link offset-xs-top-0">Lire plus <i class="fa fa-angle-double-right" aria-hidden="true"></i></a>
            </div>
            <hr class="divider" style="margin: 20px 0px;">
            </div>


            <p class="h6 text-gray-light offset-top-20">Chirurgie intime de la femme </p>



            <div class="post post-variant-1 post-list post-list-2 offset-top-15 offset-md-top-15">
            <h3 class="h4 text-regular offset-botom-20">L’hyménoplastie </h3>
            <a href="hymenoplastie.php"><img src="images/hymenoplastie/hymenoplastie.jpg" alt="L’hyménoplastie" width="370" height="270" class="img-responsive post-image" style="height: 270px; float: left; margin: 0px 15px 15px 0px; border: 1px solid #2285c5;"></a>
            <p class="text-gray-light offset-top-0 text-justify">
              Reconstruisez votre hymen comme neuf en toute discrétion. Cette intervention permet de redevenir vierge jusqu’à la nouvelle défloration ou sur une courte période. Cela dépend des besoins de la patiente et de la technique chirurgicale adoptée.
            </p>
            <div class="post-bottom reveal-xs-flex range-xs-justify range-xs-middle range-xs-reverse">
            <a href="hymenoplastie.php" class="btn btn-primary post-link offset-xs-top-0">Lire plus <i class="fa fa-angle-double-right" aria-hidden="true"></i></a>
            </div>
            <hr class="divider" style="margin: 20px 0px;">
            </div>



            <div class="post post-variant-1 post-list post-list-2 offset-top-15 offset-md-top-15">
            <h3 class="h4 text-regular offset-botom-20">La labiaplastie </h3>
            <a href="reduction_levres_vaginales_labiaplastie.php"><img src="images/reduction_levres_vaginales_labiaplastie/reduction_levres_vaginales_labiaplastie.jpg" alt="La labiaplastie" width="370" height="270" class="img-responsive post-image" style="height: 270px; float: left; margin: 0px 15px 15px 0px; border: 1px solid #2285c5;"></a>
            <p class="text-gray-light offset-top-0 text-justify">
              Réduisez et remodelez vos lèvres pour le résultat que vous voulez. Quand les petites lèvres ont tendance à être hypertrophiées ceci peut engendrer un complexe ainsi qu’une gêne au moment des rapports sexuels, de la pratique de différentes activités sportives ou du port de vêtements moulants. Réduire leur taille est envisageable grâce à cette intervention.
            </p>
            <div class="post-bottom reveal-xs-flex range-xs-justify range-xs-middle range-xs-reverse">
            <a href="reduction_levres_vaginales_labiaplastie.php" class="btn btn-primary post-link offset-xs-top-0">Lire plus <i class="fa fa-angle-double-right" aria-hidden="true"></i></a>
            </div>
            <hr class="divider" style="margin: 20px 0px;">
            </div>



            <div class="post post-variant-1 post-list post-list-2 offset-top-15 offset-md-top-15">
            <h3 class="h4 text-regular offset-botom-20">La vaginoplastie  </h3>
            <a href="retrecissement_vagin.php"><img src="images/retrecissement-vagin/retrecissement-vagin.jpg" alt="La vaginoplastie " width="370" height="270" class="img-responsive post-image" style="height: 270px; float: left; margin: 0px 15px 15px 0px; border: 1px solid #2285c5;"></a>
            <p class="text-gray-light offset-top-0 text-justify">
              Raffermissez votre vagin pour une forme parfaite et une plus grande sensibilité. Cette intervention fait l’effet d’un lifting du vagin. Non seulement, elle rajeuni cette zone intime de votre corps, mais elle fait également appel à diverses techniques pour que la femme ressente plus de plaisir durant les rapports sexuels.
            </p>
            <div class="post-bottom reveal-xs-flex range-xs-justify range-xs-middle range-xs-reverse">
            <a href="retrecissement_vagin.php" class="btn btn-primary post-link offset-xs-top-0">Lire plus <i class="fa fa-angle-double-right" aria-hidden="true"></i></a>
            </div>
            <hr class="divider" style="margin: 20px 0px;">
            </div>





        




        

    </div>
    <div class="cell-xs-8 cell-md-4 offset-top-60 offset-md-top-0">

      <div class="bg-alabaster border-radius-small offset-top-30">
  <div class="range cell-md-12">
    <div class="h6 text-primary cell-md-12 text-left section-top-20 section-bottom-20 inset-right-5 inset-left-15 inset-md-left-30 inset-md-right-5">Un corps de rêve en quelques clics</div>
    <div class="cell-md-9 text-left section-top-5 section-bottom-20 inset-right-5 inset-left-15 inset-md-left-30 inset-md-right-5 inset-md-top-10  offset-top-0">
      <a href="formulaire_preconsultation.php" class="reveal-inline-block text-primary"> 
        <!-- <div class="icon fa-pencil-square veil-sm" style="margin-right:14px;"> </div> -->
        <i>Demandez votre</i> <br><strong>DEVIS GRATUIT</strong>
      </a>
    </div>
    <div class="cell-md-3 text-right section-top-5 section-bottom-20 inset-right-15 inset-left-5 inset-md-left-5 inset-md-right-30 veil reveal-sm-block">
      <div class="icon fa-list-alt text-primary" style="font-size: 40px;"> </div>
    </div>
  </div>
</div>

<div class="border-radius-small offset-top-30" style="background: #e17008;">
  <div class="range cell-md-12">
    <div class="h6 text-white cell-md-12 text-left section-top-20 section-bottom-20 inset-right-5 inset-left-15 inset-md-left-30 inset-md-right-5">Tarifs chirurgie esthétique</div>
    <div class="cell-md-9 text-left section-top-5 section-bottom-20 inset-right-5 inset-left-15 inset-md-left-30 inset-md-right-5 inset-md-top-10  offset-top-0">
      <a href="tarifs_chirurgie_esthetique_tunisie.php" class="reveal-inline-block text-white" style="text-decoration: none; color: #fff;">
        <!-- <div class="icon fa-pencil-square veil-sm" style="margin-right:14px;"> </div> -->
        <strong>TARIFS</strong> <br> <i>All Inclusive</i>
      </a>
    </div>
    <div class="cell-md-3 text-right section-top-5 section-bottom-20 inset-right-15 inset-left-5 inset-md-left-5 inset-md-right-30 veil reveal-sm-block">
      <div class="icon fa-euro text-white" style="font-size: 40px;"> </div>
    </div>
  </div>
</div>


<div class="bg-primary border-radius-small offset-top-30">
  <div class="range cell-md-12">
    <div class="h6 text-white cell-md-12 text-left section-top-20 section-bottom-20 inset-right-5 inset-left-15 inset-md-left-30 inset-md-right-5">Plus de 10 000 clients satisfaits</div>
    <div class="cell-md-9 text-left section-top-5 section-bottom-20 inset-right-5 inset-left-15 inset-md-left-30 inset-md-right-5 inset-md-top-10  offset-top-0">
      <a href="chirurgie-esthetique-tunisie-temoignages.php" class="reveal-inline-block text-white" style="text-decoration: none; color: #fff;"> 
        <!-- <div class="icon fa-users veil-sm" style="margin-right:14px;"> </div> -->
        <strong>TÉMOIGNAGES</strong> <br> <i>Nos clients vous en parlent...</i>
      </a>
    </div>
    <div class="cell-md-3 text-right section-top-5 section-bottom-20 inset-right-15 inset-left-5 inset-md-left-5 inset-md-right-30 veil reveal-sm-block">
      <div class="icon fa-users" style="font-size: 40px;"> </div>
    </div>
  </div>
</div>


<div class="bg-alabaster border-radius-small offset-top-30">
  <div class="range cell-md-12">
     <div class="h6 text-primary cell-md-12 text-left section-top-20 section-bottom-20 inset-right-5 inset-left-15 inset-md-left-30 inset-md-right-5">Selon la période, l'intervention et autres critères</div>
    <div class="cell-md-9 text-left section-top-5 section-bottom-20 inset-right-5 inset-left-15 inset-md-left-30 inset-md-right-5 inset-md-top-10  offset-top-0">
      <a href="promos-chirurgie-esthetique-tunisie.php" class="reveal-inline-block text-primary"> 
        <!-- <div class="icon fa-pencil-square veil-sm" style="margin-right:14px;"> </div> -->
        <i>Jusqu'à</i> <strong>500 €</strong> <br><strong>PROMOS ET RÉDUCTIONS</strong>
      </a>
    </div>
    <div class="cell-md-3 text-right section-top-5 section-bottom-20 inset-right-15 inset-left-5 inset-md-left-5 inset-md-right-30 veil reveal-sm-block">
      <div class="icon fa-money text-primary" style="font-size: 40px;"> </div>
    </div>
  </div>
</div>    </div>
  </div>
</div>
</main>



<div class="footer-offset-none offset-top-50">
  <!-- Page Footer-->
  <footer class="page-footer footer-default text-sm-left">
    <div class="bg-cape-cod section-60 section-md-top-85 section-md-bottom-70">
      <div class="shell">
        <div class="range">
          <div class="cell-sm-6 cell-md-5">
            <div class="brand"><a href="#" class="brand-name">
              <img src="https://www.cosmeticatravel.com/images/logo-footer.png" width="250" border="0" alt="Chirurgie Esthétique Tunisie">
            </a></div>
            <div class="offset-top-20">
              <p>Marque de Tourisme Médical de l'agence SIROKO TRAVEL<br>
                Première structure agréée et spécialisée dans le tourisme médical et esthétique en Tunisie.<br>
                Société à responsabilité limitée au capital de 107 000 dinars - Constituée en 2004<br>
                Enregistrée au registre de commerce sous le N° « B 241802 2004 »<br>
                Titulaire d’une licence d’agence de voyage catégorie « A » N°1515 accordée par l’office de Tourisme Tunisien<br>
                Membre de la <a href="https://www.fit-tunisie.org/" target="_blank">Fédération Interprofessionnelle du Tourisme Tunisien (Fi2T)</a><br>
              Titulaire d’une assurance Responsabilité Civile et Professionnelle COMAR police N° 09500003217 /2</p>
            </div>
          </div>
          <div class="veil reveal-sm-block cell-sm-6 cell-md-3 offset-top-50 offset-sm-top-0">
            <span class="h6 text-white">Nos interventions</span>
            <div class="offset-top-25">
              <ul class="list-unstyled">
                                          
                            <li><a href="chirurgie-esthetique.php">Chirurgie esthétique et soins</a></li>
                        
                                                  
                            <li><a href="chirurgie-de-l-obesite.php">Chirurgie de l’obésité</a></li>
                        
                                                  
                            <li><a href="chirurgie-intime.php">Chirurgie intime</a></li>
                        
                                                  
                            <li><a href="greffe-de-cheveux.php">Greffe de cheveux</a></li>
                        
                                                  
                            <li><a href="soins-dentaires.php">Soins dentaires</a></li>
                        
                                                  
                            <li><a href="fecondation-in-vitro.php">Fécondation in vitro</a></li>
                        
                                                  
                            <li><a href="ophtalmologie.php">Chirurgie des yeux</a></li>
                        
                                                  
                            <li><a href="chirurgie-gastrique.php">Chirurgie gastrique</a></li>
                        
                                                  
                            <li><a href="traitements-gynecologiques.php">Gynécologie</a></li>
                        
                                                  
                            <li><a href="traitements-orthopediques.php">Orthopédie</a></li>
                        
                                                  
                            <li><a href="bilan-de-sante.php">Bilan complet de santé</a></li>
                        
                                                  
                            <li><a href="autres-interventions.php">Autres</a></li>
                        
                                      </ul>
            </div>
          </div>
          <div class="veil reveal-sm-block cell-sm-6 cell-md-4 offset-top-50 offset-md-top-0">
            <span class="h6 text-white">Contact</span>
            <div class="offset-sm-top-25"></div>
            <div class="unit unit-xl-horizontal unit-lg-horizontal unit-md-horizontal unit-sm-horizontal unit-xs-vertical">
              <div class="unit-left">
                <div class="icon fa-phone icon-circle text-middle text-white"></div>
              </div>
              <div class="unit-body">
                <div>Téléphone: <a href="callto:#">00216 29 52 91 49.</a></div>
              </div>
            </div>
            <div class="offset-top-25 offset-sm-top-10 unit unit-xl-horizontal unit-lg-horizontal unit-md-horizontal unit-sm-horizontal unit-xs-vertical">
              <div class="unit-left">
                <div class="icon fa-envelope icon-circle text-middle text-white"></div>
              </div>
              <div class="unit-body">
                <div><a href="/cdn-cgi/l/email-protection#9bb8"><span class="__cf_email__" data-cfemail="b6d5d9d8c2d7d5c2f6d5d9c5dbd3c2dfd5d7c2c4d7c0d3da98d5d9db">[email&#160;protected]</span></a></div>
              </div>
            </div>
            <div class="offset-top-25 offset-sm-top-10 unit unit-xl-horizontal unit-lg-horizontal unit-md-horizontal unit-sm-horizontal unit-xs-vertical">
              <div class="unit-left">
                <div class="icon fa-facebook icon-circle text-middle text-white"></div>
              </div>
              <div class="unit-body">
                <div><a href="https://www.facebook.com/cosmeticatravel.fr/" target="_blank">Facebook</a></div>
              </div>
            </div>
            <div class="offset-top-25 offset-sm-top-10 unit unit-xl-horizontal unit-lg-horizontal unit-md-horizontal unit-sm-horizontal unit-xs-vertical">
              <div class="unit-left">
                <div class="icon fa-map-marker icon-circle text-middle text-white"></div>
              </div>
              <div class="unit-body">
                <div><a href="#"><p>
	<span style="font-size:10px;"><span style="font-family:arial,helvetica,sans-serif;">R&eacute;sidence Raouda, Escalier 3, Apt N&deg;131<br />
	Passage du lac Volta<br />
	Les Berges du Lac<br />
	1053 TUNIS</span></span></p>
</a></div>
              </div>
            </div>
            <div class="offset-top-25 offset-sm-top-10 unit unit-xl-horizontal unit-lg-horizontal unit-md-horizontal unit-sm-horizontal unit-xs-vertical">
              
              <div class="unit-body">
                <a href="https://www.fit-tunisie.org/tourisme-medical.php" target="_blank"><img src="https://www.cosmeticatravel.com/images/accreditation-footer.png" border="0" alt="accreditation"> </a>
              </div>
            </div>

            

          </div>
        </div>
      </div>
    </div>
    <div class="shell footer-container footer-copyright">
      <div class="reveal-sm-flex range-sm-justify range-sm-reverse range-sm-middle">
        <div>
          <ul class="list-inline list-inline-md">
            <li><a href="https://www.facebook.com/cosmeticatravel.fr/" target="_blank" class="icon fa-facebook icon-default"></a></li>
            <li><a href="https://twitter.com/cosmeticatravel" target="_blank" class="icon fa-twitter icon-default"></a></li>
            <li><a href="https://www.youtube.com/user/cosmeticatravel" target="_blank" class="icon fa-youtube icon-default"></a></li>
          </ul>
        </div>
        <div class="offset-top-15 offset-sm-top-0">
          <p>&#169; <span id="copyright-year"></span> <a href="https://www.cosmeticatravel.com/"><span class="text-white">Cosmetica Travel</span></a>.  
            | <a href="copyright.php">Copyright</a>
            | <a href="conditions_vente.php">Conditions de vente</a>
            | <a href="charte-de-donnees-personnelles.php">Politique de donnees personnelles et de Cookies</a>
            | <a href="formulaires.php">Formulaires</a>
            | <a href="sitemap.php"> Plan du site</a>
            | <a href="blog/" class="menu_top">Blog </a>
            | <a href="faq.php" class="menu_top"> FAQs</a>
            | <a href="contact.php"> Contact</a>
          </p>
        </div>
      </div>
    </div>
  </footer>


</div>
</div>






<div class="chatbox">
            <div class="chatbox__support" style="border-bottom-left-radius: 20px;    border-bottom-right-radius: 20px;    border-left: 2px solid #2285c5;    border-right: 2px solid #2285c5;    border-bottom: 10px solid #2285c5;    border-top: 2px solid #2285c5;">
                <div class="chatbox__header">
                    <div class="chatbox__image--header">
                        <img src="https://www.cosmeticatravel.com/chatbot/images/image.png" alt="image">
                    </div>
                    <div class="chatbox__content--header">
                        <span class="chatbox__heading--header">Sarra</span>
                        <p class="chatbox__description--header">Chatbot de CosmeticaTravel</p>
                    </div>
                </div>
                <div class="chatbox__messages">

                    <p id="chat-timestamp" style="text-align: center;width: 100%;color: #2285c5;"><i class="fa fa-clock"></i> </p>



                    <div id="botStarterMessage" class="messages__item messages__item--operator" style="display: none;"></div>

                    <div id="start_chatbot" class="messages__item messages__item--operator" style="display: none;"></div>

                    <div id="botStarterChoisCat" style="display: none;"></div>


                    <div id="categories" style="display: none;"></div>

                    <div id="categorie_choix_info_interv" style="display: none;"></div>

                    <div id="categories_oui_non" style="display: none;"></div>

                    <div id="categorie_demande_devis_rappel" style="display: none;"></div>

                    <div id="botDernierEtape" style="display: none;"></div>


                    
                </div>





                <!-- <div id="info_chat" style="padding: 10px; background: white; color: var(--primary);font-size: 13px; text-align: center; margin-top: 20px;">Cliquez sur "Démarrer" pour commencer la conversation.</div> -->


                <div id="typing" class="messages__item messages__item--operator" style="display: none;">
                    <div class="messages__item--typing">
                        <span class="messages__dot" style="background: #fff;"></span>
                        <span class="messages__dot" style="background: #fff;"></span>
                        <span class="messages__dot" style="background: #fff;"></span>
                    </div>
                </div>




                <div class="chatbox__footer" style="">

                   <!--  <div id="start_chatbot" style="display: flex;justify-content: flex-start;width: 100%;cursor: pointer;">
                         <div class="messages__item--typing" style="padding: 2px 9px;float: right;">
                            <span class="messages__dot" style="background: #fff;"></span>
                            <span class="messages__dot" style="background: #fff;"></span>
                            <span class="messages__dot" style="background: #fff;"></span>
                        </div> 
                        <p style="line-height: 14px;float: right;font-size: 14px;color: white;text-align: right;cursor: pointer;padding: 20px;">Démarrer </p>
                    </div>

                    <div id="close_chatbot" style="display: none;">
                        <p style="line-height: 14px;float: right;font-size: 14px;color: white;text-align: right;cursor: pointer;padding: 20px;"><i class="fa fa-times-circle"></i> Mettre fin à la conversation </p>
                    </div>-->

                </div> 


            </div>




            <div class="chatbox__button">
                <button >button</button>
            </div>
        </div> 


                   



<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://www.cosmeticatravel.com/js/bootstrap-multiselect.js"></script>
<script src="https://www.cosmeticatravel.com/js/core.min.js" defer="defer"></script> 
<script src="https://www.cosmeticatravel.com/js/script.js" defer="defer"></script>






<script src="https://www.cosmeticatravel.com/chatbot/assets/js/Chat.js"></script>
<script src="https://www.cosmeticatravel.com/chatbot/assets/js/app.js"></script>




<script>


function getTime() {
    let today = new Date();
    hours = today.getHours();
    minutes = today.getMinutes();

    if (hours < 10) {
        hours = "0" + hours;
    }

    if (minutes < 10) {
        minutes = "0" + minutes;
    }

    let time = hours + ":" + minutes;
    return time;
}



$("#botStarterMessage").attr("style", "display: block;");
$("#start_chatbot").attr("style", "padding: 5px 10px; border: 1px solid var(--primary); border-radius: 20px; cursor: pointer; background: white; color: var(--primary);text-align: right;font-size: 13px;display: flex; justify-content: flex-end; flex-direction: row-reverse; margin-top: 7px;margin-bottom: 0px;");
$("#botStarterChoisCat").attr("style", "display: none;");
$("#categories").attr("style", "display: none;");
$("#categorie_choix_info_interv").attr("style", "display: none;");
$("#categories_oui_non").attr("style", "display: none;");
$("#categorie_demande_devis_rappel").attr("style", "display: none;");
// $("#botDernierEtape").attr("style", "display: none;");
// $("#botSelectedChoisCat3").attr("style", "display: none;");
// $("#categorie_demande_devis_rappelCat3").attr("style", "display: none;");
// $("#botDernierEtape").attr("style", "display: none;");

// $("#choisir_option_footer").attr("style", "margin-top: 0px; ");

// Gets the first message
function firstBotMessage() {
    let firstMessage = 'Bonjour et bienvenue! Je suis Sarra, le chatbot de Cosmetica travel. je suis là pour vous guider.';
    let firstMessageStart = 'Commencer la conversation';

    document.getElementById("botStarterMessage").innerHTML = firstMessage;
    document.getElementById("start_chatbot").innerHTML = firstMessageStart;
    document.getElementById("start_chatbot").scrollIntoView(false);
    //document.getElementById("botStarterMessage").scrollIntoView(false);

    let time = getTime();

    $("#chat-timestamp").append(time);
}




setTimeout(() => {
    firstBotMessage();
}, 500)



// const bg = document.getElementById('close_chatbot')
// bg.addEventListener("click", () => {
//     sessionStorage.removeItem('chatBot');

//     $("#botStarterMessage").attr("style", "display: block;");
//     $("#botStarterChoisCat").attr("style", "display: none;");
//     $("#categories").attr("style", "display: none;");
//     $("#categorie_choix_info_interv").attr("style", "display: none;");
//     $("#categories_oui_non").attr("style", "display: none;");
//     $("#categorie_demande_devis_rappel").attr("style", "display: none;");
//     // $("#botDernierEtape").attr("style", "display: none;");
//     // $("#botSelectedChoisCat3").attr("style", "display: none;");
//     // $("#categorie_demande_devis_rappelCat3").attr("style", "display: none;");
//     // $("#botDernierEtape").attr("style", "display: none;");

//     $("#start_chatbot").attr("style", "display: flex;justify-content: flex-start;width: 100%;cursor: pointer;");
//     // $("#choisir_option_footer").attr("style", "margin-top: 0px;");
//     $("#info_chat").attr("style", "padding: 10px; background: white; color: var(--primary);font-size: 13px; text-align: center; margin-top: 20px;");
//     $("#close_chatbot").attr("style", "display: none;");

//     $("#botDernierEtape").attr("style", "display: none;");

// });






const element = document.getElementById('start_chatbot')
element.addEventListener("click", () => {

sessionStorage.setItem('chatBot', 'Sarra');
var data = sessionStorage.getItem('chatBot');



if (data !== null) {




$("#botStarterMessage").attr("style", "display: none;");
$("#start_chatbot").attr("style", "display: none;");
$("#botStarterChoisCat").attr("style", "display: block;");
$("#categories").attr("style", "display: none;");
$("#categorie_choix_info_interv").attr("style", "display: none;");
$("#categories_oui_non").attr("style", "display: none;");
$("#categorie_demande_devis_rappel").attr("style", "display: none;");
// $("#botDernierEtape").attr("style", "display: none;");
// $("#botSelectedChoisCat3").attr("style", "display: none;");
// $("#categorie_demande_devis_rappelCat3").attr("style", "display: none;");
// $("#botDernierEtape").attr("style", "display: none;");

$("#start_chatbot").attr("style", "display: none;");
// $("#choisir_option_footer").attr("style", "margin-top: 20px; ");
// $("#info_chat").attr("style", "display: none;");
$("#close_chatbot").attr("style", "display: flex;justify-content: flex-start;width: 100%;cursor: pointer;");

$("#botDernierEtape").attr("style", "display: none;");


$("#typing").attr("style", "display: block;margin-right: 20px;padding: 0px; margin-top: 7px;");

function firstBotChoisCat() {





    let firstChoisCat = '';

    firstChoisCat += '<div class="messages__item messages__item--operator choix_rubrique_cos" value="1" style="background: darkorange;">Sur quel sujet puis-je vous aider!</div>';

    firstChoisCat += '<div style="width: 100%; text-align: right;">';

    firstChoisCat += '<button id="choix_cat_1" class="messages__item messages__item--operator choix_rubrique_cos" value="1" style="padding: 5px 10px; border: 1px solid var(--primary); border-radius: 20px; cursor: pointer; background: white; color: var(--primary);text-align: right;font-size: 13px;">Prix des interventions</button>';

    //firstChoisCat += '<div id="choix_cat_2" class="messages__item messages__item--operator choix_rubrique_cos" value="3" style="padding: 5px 10px; border: 1px solid var(--primary); border-radius: 20px; cursor: pointer; background: white; color: var(--primary);text-align: right;font-size: 13px;">Informations sur les interventions</div>';

    firstChoisCat += '<button id="choix_cat_3" class="messages__item messages__item--operator choix_rubrique_cos" value="3" style="padding: 5px 10px; border: 1px solid var(--primary); border-radius: 20px; cursor: pointer; background: white; color: var(--primary);text-align: right;font-size: 13px;">Informations générales</button>';

    firstChoisCat += '<button id="choix_cat_4" class="messages__item messages__item--operator choix_rubrique_cos" value="4" style="padding: 5px 10px; border: 1px solid var(--primary); border-radius: 20px; cursor: pointer; background: white; color: var(--primary);text-align: right;font-size: 13px;">Discuter avec une chargée clientèle</button>';

    firstChoisCat += '</div>';


    document.getElementById("botStarterChoisCat").innerHTML = firstChoisCat;
    document.getElementById("botStarterChoisCat").scrollIntoView(false);

    $("#typing").attr("style", "display: none;");
 



    
$('.choix_rubrique_cos').click(function(){
   
   var value_categories = this.value;

        




       

if(value_categories == 1) {


        $("#categories").attr("style", "display: block;");
        $("#categorie_choix_info_interv").attr("style", "display: none;");
        $("#categories_oui_non").attr("style", "display: none;");
        $("#categorie_demande_devis_rappel").attr("style", "display: none;");


        let botQuestion = getBotQuestion(1);
        let botHtmlChat = '<p style="text-align: left;margin-top: 7px;font-size: 13px;padding-left: 15px;">Vous</p><div class="messages__item messages__item--visitor">'+ botQuestion +'</div>';

        let botResponse = getBotResponse(1);
        let botHtmlRes = '<p style="text-align: right;margin-top: 7px;font-size: 13px;padding-right: 15px;">Sarra</p><div class="messages__item messages__item--operator" style="background: darkorange;">'+ botResponse +'</div>';

        let botHtmlRes1 = '<div style="width: 100%; text-align: right;"><button id="choix_esthetique" class="choix_cat messages__item messages__item--operator" style="padding: 5px 10px;border: 1px solid var(--primary);border-radius: 20px;cursor: pointer;background: white;color: var(--primary);text-align: right;display: inline-block;margin-right: 5px;font-size: 13px;">Esthétique</button>  <button id="choix_obesite" class="choix_cat messages__item messages__item--operator choix_operation_cos" value="9" style="padding: 5px 10px;border: 1px solid var(--primary);border-radius: 20px;cursor: pointer;background: white;color: var(--primary);text-align: right;display: inline-block;margin-right: 5px;font-size: 13px;">Obésité</button>  <button id="choix_ophtalmologie" class="choix_cat messages__item messages__item--operator choix_operation_cos" value="11" style="padding: 5px 10px;border: 1px solid var(--primary);border-radius: 20px;cursor: pointer;background: white;color: var(--primary);text-align: right;display: inline-block;margin-right: 5px;font-size: 13px;">Ophtalmologie</button>  <button id="choix_greffe" class="choix_cat messages__item messages__item--operator choix_operation_cos" value="5" style="padding: 5px 10px;border: 1px solid var(--primary);border-radius: 20px;cursor: pointer;background: white;color: var(--primary);text-align: right;display: inline-block;margin-right: 5px;font-size: 13px;">Greffe de cheveux</button>  <button id="choix_dentaire" class="choix_cat messages__item messages__item--operator choix_operation_cos" value="15" style="padding: 5px 10px;border: 1px solid var(--primary);border-radius: 20px;cursor: pointer;background: white;color: var(--primary);text-align: right;display: inline-block;margin-right: 5px;font-size: 13px;">Dentaire</button>  <button id="choix_autres" class="choix_cat messages__item messages__item--operator" style="padding: 5px 10px;border: 1px solid var(--primary);border-radius: 20px;cursor: pointer;background: white;color: var(--primary);text-align: right;display: inline-block;margin-right: 5px;font-size: 13px;">Autres</button></div>';

        
        setTimeout(() => {
            document.getElementById("categories").innerHTML = botHtmlChat;
            $("#typing").attr("style", "display: block;margin-right: 20px;padding: 0px; margin-top: 7px;");
        }, 500)
        setTimeout(() => {
            $("#typing").attr("style", "display: none;margin-right: 20px;padding: 0px; margin-top: 7px;");
            document.getElementById("categories").innerHTML += botHtmlRes;
            document.getElementById("categories").innerHTML += botHtmlRes1;
            choixSelectInterventions(botHtmlRes1);
            document.getElementById("categories").scrollIntoView(false);




            const button_esthetique = document.getElementById('choix_esthetique');
            button_esthetique.addEventListener('click', function handleClick() {

                $("#categories").attr("style", "display: block;");
                $("#categorie_choix_info_interv").attr("style", "display: block;");
                $("#categories_oui_non").attr("style", "display: none;");
                $("#categorie_demande_devis_rappel").attr("style", "display: none;");
                $("#botDernierEtape").attr("style", "display: none;");


                let botHtmlChat = '<p style="text-align: left;margin-top: 7px;font-size: 13px;padding-left: 15px;">Vous</p><div class="messages__item messages__item--visitor">Esthétique</div>';

                let botHtmlRes1 = '<div style="width: 100%; text-align: right;"><button id="choix_silhouette" class="choix_cat messages__item messages__item--operator choix_operation_cos" value="1" style="padding: 5px 10px;border: 1px solid var(--primary);border-radius: 20px;cursor: pointer;background: white;color: var(--primary);text-align: right;display: inline-block;margin-right: 5px;font-size: 13px;">Silhouette</button>  <button id="choix_seins" class="choix_cat messages__item messages__item--operator choix_operation_cos" value="2" style="padding: 5px 10px;border: 1px solid var(--primary);border-radius: 20px;cursor: pointer;background: white;color: var(--primary);text-align: right;display: inline-block;margin-right: 5px;font-size: 13px;">Seins</button>  <button id="choix_fessier" class="choix_cat messages__item messages__item--operator choix_operation_cos" value="21" style="padding: 5px 10px;border: 1px solid var(--primary);border-radius: 20px;cursor: pointer;background: white;color: var(--primary);text-align: right;display: inline-block;margin-right: 5px;font-size: 13px;">Fessier</button>  <button id="choix_visage" class="choix_cat messages__item messages__item--operator choix_operation_cos" value="4" style="padding: 5px 10px;border: 1px solid var(--primary);border-radius: 20px;cursor: pointer;background: white;color: var(--primary);text-align: right;display: inline-block;margin-right: 5px;font-size: 13px;">Visage</button>  <button id="choix_poitrine_homme" class="choix_cat messages__item messages__item--operator choix_operation_cos" value="3" style="padding: 5px 10px;border: 1px solid var(--primary);border-radius: 20px;cursor: pointer;background: white;color: var(--primary);text-align: right;display: inline-block;margin-right: 5px;font-size: 13px;">Poitrine homme</button></div>';

                setTimeout(() => {
                    document.getElementById("categorie_choix_info_interv").innerHTML = botHtmlChat;
                    $("#typing").attr("style", "display: block;margin-right: 20px;padding: 0px; margin-top: 7px;");
                }, 500)
                setTimeout(() => {
                    $("#typing").attr("style", "display: none;margin-right: 20px;padding: 0px; margin-top: 7px;");
                    document.getElementById("categorie_choix_info_interv").innerHTML += botHtmlRes1;
                    choixSelectInterventions(botHtmlRes1);
                    document.getElementById("categorie_choix_info_interv").scrollIntoView(false);

                }, 700)
            });





            const button_autres = document.getElementById('choix_autres');
            button_autres.addEventListener('click', function handleClick() {

                $("#categories").attr("style", "display: block;");
                $("#categorie_choix_info_interv").attr("style", "display: block;");
                $("#categories_oui_non").attr("style", "display: none;");
                $("#categorie_demande_devis_rappel").attr("style", "display: none;");
                $("#botDernierEtape").attr("style", "display: none;");

                let botHtmlChat = '<p style="text-align: left;margin-top: 7px;font-size: 13px;padding-left: 15px;">Vous</p><div class="messages__item messages__item--visitor">Autres</div>';

                let botHtmlRes1 = '<div style="width: 100%; text-align: right;"><button id="choix_fecondation" class="choix_cat messages__item messages__item--operator  choix_operation_cos" value="3" style="padding: 5px 10px;border: 1px solid var(--primary);border-radius: 20px;cursor: pointer;background: white;color: var(--primary);text-align: right;display: inline-block;margin-right: 5px;font-size: 13px;">Fécondation in vitro</button>  <button id="choix_chirurgie_generale" class="choix_cat messages__item messages__item--operator  choix_operation_cos" value="10" style="padding: 5px 10px;border: 1px solid var(--primary);border-radius: 20px;cursor: pointer;background: white;color: var(--primary);text-align: right;display: inline-block;margin-right: 5px;font-size: 13px;">Chirurgie générale</button>  <button id="choix_orthopedie" class="choix_cat messages__item messages__item--operator  choix_operation_cos" value="12" style="padding: 5px 10px;border: 1px solid var(--primary);border-radius: 20px;cursor: pointer;background: white;color: var(--primary);text-align: right;display: inline-block;margin-right: 5px;font-size: 13px;">Orthopédie</button>  <button id="choix_intime" class="choix_cat messages__item messages__item--operator  choix_operation_cos" value="6" style="padding: 5px 10px;border: 1px solid var(--primary);border-radius: 20px;cursor: pointer;background: white;color: var(--primary);text-align: right;display: inline-block;margin-right: 5px;font-size: 13px;">Intime</button>  <button id="choix_autres_autres" class="choix_cat messages__item messages__item--operator  choix_operation_cos" value="100" style="padding: 5px 10px;border: 1px solid var(--primary);border-radius: 20px;cursor: pointer;background: white;color: var(--primary);text-align: right;display: inline-block;margin-right: 5px;font-size: 13px;">Autres</button></div>';

                setTimeout(() => {
                    document.getElementById("categorie_choix_info_interv").innerHTML = botHtmlChat;
                    $("#typing").attr("style", "display: block;margin-right: 20px;padding: 0px; margin-top: 7px;");
                }, 500)
                setTimeout(() => {
                    $("#typing").attr("style", "display: none;margin-right: 20px;padding: 0px; margin-top: 7px;");
                    document.getElementById("categorie_choix_info_interv").innerHTML += botHtmlRes1;
                    choixSelectInterventions(botHtmlRes1);
                    document.getElementById("categorie_choix_info_interv").scrollIntoView(false);

                }, 700)
            });





        }, 700)
        










}else if(value_categories == 2) {







}else if(value_categories == 3) {



        $("#categories").attr("style", "display: block;");
        $("#categorie_choix_info_interv").attr("style", "display: none;");
        $("#categories_oui_non").attr("style", "display: none;");
        $("#categorie_demande_devis_rappel").attr("style", "display: none;");


        let botQuestion = getBotQuestion(3);
        let botHtmlChat = '<p style="text-align: left;margin-top: 7px;font-size: 13px;padding-left: 15px;">Vous</p><div class="messages__item messages__item--visitor">'+ botQuestion +'</div>';

        let botHtmlRes1 = '<button id="promos_reductions" class="choix_cat messages__item messages__item--operator choix_info_cat3_cos" value="1" style="padding: 5px 10px; border: 1px solid var(--primary); border-radius: 20px; cursor: pointer; background: white; color: var(--primary);text-align: right;display: block;margin-right: 5px;font-size: 13px;">Promos et réductions</button>';

        let botHtmlRes2 = '<button id="etapes_a_suivre" class="choix_cat messages__item messages__item--operator choix_info_cat3_cos" value="2" style="padding: 5px 10px; border: 1px solid var(--primary); border-radius: 20px; cursor: pointer; background: white; color: var(--primary);text-align: right;display: block;margin-right: 5px;font-size: 13px;">Quels sont les étapes à suivre pour planifier une intervention?</button>';

        let botHtmlRes3 = '<button id="services_incluses" class="choix_cat messages__item messages__item--operator choix_info_cat3_cos" value="3" style="padding: 5px 10px; border: 1px solid var(--primary); border-radius: 20px; cursor: pointer; background: white; color: var(--primary);text-align: right;display: block;margin-right: 5px;font-size: 13px;">Peut-on faire du tourisme durant le séjour en Tunisie?</button>';

        let botHtmlRes4 = '<button id="clinique" class="choix_cat messages__item messages__item--operator choix_info_cat3_cos" value="4" style="padding: 5px 10px; border: 1px solid var(--primary); border-radius: 20px; cursor: pointer; background: white; color: var(--primary);text-align: right;display: block;margin-right: 5px;font-size: 13px;">Avec quelle clinique travaillez vous? </button>';

        let botHtmlRes5 = '<button id="chirurgiens" class="choix_cat messages__item messages__item--operator choix_info_cat3_cos" value="5" style="padding: 5px 10px; border: 1px solid var(--primary); border-radius: 20px; cursor: pointer; background: white; color: var(--primary);text-align: right;display: block;margin-right: 5px;font-size: 13px;">Qui sont vos chirurgiens?</button>';

        let botHtmlRes6 = '<button id="convalescence" class="choix_cat messages__item messages__item--operator choix_info_cat3_cos" value="6" style="padding: 5px 10px; border: 1px solid var(--primary); border-radius: 20px; cursor: pointer; background: white; color: var(--primary);text-align: right;display: block;margin-right: 5px;font-size: 13px;">Ou se déroulera la convalescence?</button>';

        let botHtmlRes7 = '<button id="convalescence" class="choix_cat messages__item messages__item--operator choix_info_cat3_cos" value="7" style="padding: 5px 10px; border: 1px solid var(--primary); border-radius: 20px; cursor: pointer; background: white; color: var(--primary);text-align: right;display: block;margin-right: 5px;font-size: 13px;">Suivi postopératoire</button>';

        setTimeout(() => {
            document.getElementById("categories").innerHTML = botHtmlChat;
            $("#typing").attr("style", "display: block;margin-right: 20px;padding: 0px; margin-top: 7px;");
        }, 500)
        setTimeout(() => {
            $("#typing").attr("style", "display: none;margin-right: 20px;padding: 0px; margin-top: 7px;");

            document.getElementById("categories").innerHTML += botHtmlRes1;
            document.getElementById("categories").innerHTML += botHtmlRes2;
            document.getElementById("categories").innerHTML += botHtmlRes3;
            document.getElementById("categories").innerHTML += botHtmlRes4;
            document.getElementById("categories").innerHTML += botHtmlRes5;
            document.getElementById("categories").innerHTML += botHtmlRes6;
            document.getElementById("categories").innerHTML += botHtmlRes7;

            document.getElementById("categories").scrollIntoView(false);

            const btns = document.querySelectorAll('.choix_info_cat3_cos');
            for (let i = 0; i < btns.length; i++) {
                btns[i].addEventListener('click', function (e) {
                    var name_choix_cat3 = e.target.innerHTML;
                    var value_choix_cat3 = e.target.value;

                    let botHtmlChat = '<p style="text-align: left;margin-top: 7px;font-size: 13px;padding-left: 15px;">Vous</p><div class="messages__item messages__item--visitor">'+name_choix_cat3+'</div>';
                let botHtmlRes = getBotResponseChoixCat3(value_choix_cat3);

                setTimeout(() => {
                    document.getElementById("categorie_choix_info_interv").innerHTML = botHtmlChat;
                    $("#typing").attr("style", "display: block;margin-right: 20px;padding: 0px; margin-top: 7px;");
                }, 500)
                setTimeout(() => {
                    $("#typing").attr("style", "display: none;margin-right: 20px;padding: 0px; margin-top: 7px;");
                    document.getElementById("categorie_choix_info_interv").innerHTML += botHtmlRes;

                    $("#categories").attr("style", "display: block;");
                    $("#categorie_choix_info_interv").attr("style", "display: block;");
                    $("#categories_oui_non").attr("style", "display: none;");
                    $("#categorie_demande_devis_rappel").attr("style", "display: none;");
                    $("#botDernierEtape").attr("style", "display: none;");

                    document.getElementById("categorie_choix_info_interv").scrollIntoView(false);

                    const button_oui = document.getElementById('choix_oui');
                            button_oui.addEventListener('click', function handleClick() {

                                let botHtmlChat = '<p style="text-align: left;margin-top: 7px;font-size: 13px;padding-left: 15px;">Vous</p><div class="messages__item messages__item--visitor">Oui</div>';
                                let botHtmlRes1 = '<div style="width: 100%; text-align: right;"><button id="choix_coordonnees" class="choix_cat messages__item messages__item--operator" style="padding: 5px 10px;border: 1px solid var(--primary);border-radius: 20px;cursor: pointer;background: white;color: var(--primary);text-align: right;display: inline-block;margin-right: 5px;font-size: 13px;">Laissez vos coordonnées pour qu’une chargée clientèle vous contactera</button></div>';

                                setTimeout(() => {
                                    document.getElementById("categories_oui_non").innerHTML = botHtmlChat;
                                    $("#typing").attr("style", "display: block;margin-right: 20px;padding: 0px; margin-top: 7px;");
                                }, 500)
                                setTimeout(() => {
                                    $("#typing").attr("style", "display: none;margin-right: 20px;padding: 0px; margin-top: 7px;");
                                    document.getElementById("categories_oui_non").innerHTML += botHtmlRes1;

                                    $("#categories").attr("style", "display: block;");
                                    $("#categorie_choix_info_interv").attr("style", "display: block;");
                                    $("#categories_oui_non").attr("style", "display: block;");
                                    $("#categorie_demande_devis_rappel").attr("style", "display: none;");

                                    document.getElementById("categories_oui_non").scrollIntoView(false);

                                    // const button_demande_devis = document.getElementById('choix_demande_devis');
                                    // button_demande_devis.addEventListener('click', function handleClick() {

                                    // demandeDevis(botHtmlRes1);

                                    // });

                                    const button_coordonnees = document.getElementById('choix_coordonnees');
                                    button_coordonnees.addEventListener('click', function handleClick() {

                                    DemandeRappel(botHtmlRes1);

                                    });


                                }, 700)
                            });



                            const button_non = document.getElementById('choix_non');
                            button_non.addEventListener('click', function handleClick() {

                                let botHtmlChat = '<p style="text-align: left;margin-top: 7px;font-size: 13px;padding-left: 15px;">Vous</p><div class="messages__item messages__item--visitor">Non</div>';
                                let botHtmlRes = '<div id="yatilAutreChose"><p style="text-align: right;margin-top: 7px;font-size: 13px;padding-right: 15px;">Sarra</p><div class="messages__item messages__item--operator"   style="background: darkorange;">Y a-t-il autre chose que je peux faire pour vous aider?</div><div style="width: 100%; text-align: right;"><button id="choix_home_cat1" class="choix_cat messages__item messages__item--operator" style="padding: 5px 10px;border: 1px solid var(--primary);border-radius: 20px;cursor: pointer;background: white;color: var(--primary);text-align: right;display: inline-block;margin-right: 5px;font-size: 13px;">Oui</button><button id="choix_fin_session_cat1" class="choix_cat messages__item messages__item--operator" style="padding: 5px 10px;border: 1px solid var(--primary);border-radius: 20px;cursor: pointer;background: white;color: var(--primary);text-align: right;display: inline-block;margin-right: 5px;font-size: 13px;">Non</button></div></div>';

                                setTimeout(() => {
                                    document.getElementById("categories_oui_non").innerHTML = botHtmlChat;
                                    $("#typing").attr("style", "display: block;margin-right: 20px;padding: 0px; margin-top: 7px;");
                                }, 500)
                                setTimeout(() => {
                                    $("#typing").attr("style", "display: none;margin-right: 20px;padding: 0px; margin-top: 7px;");
                                    document.getElementById("categories_oui_non").innerHTML += botHtmlRes;

                                    $("#categories").attr("style", "display: block;");
                                    $("#categorie_choix_info_interv").attr("style", "display: block;");
                                    $("#categories_oui_non").attr("style", "display: block;");
                                    $("#categorie_demande_devis_rappel").attr("style", "display: none;");
                                    $("#yatilAutreChose").attr("style", "display: block;");

                                    document.getElementById("categories_oui_non").scrollIntoView(false);


                                    const button_home_cat1 = document.getElementById('choix_home_cat1');
                                    button_home_cat1.addEventListener('click', function handleClick() {

                                        let botHtmlChat = '<p style="text-align: left;margin-top: 7px;font-size: 13px;padding-left: 15px;">Vous</p><div class="messages__item messages__item--visitor">Oui</div>';

                                        setTimeout(() => {
                                            document.getElementById("botDernierEtape").innerHTML += botHtmlChat;
                                            $("#typing").attr("style", "display: block;margin-right: 20px;padding: 0px; margin-top: 7px;");
                                        }, 500)
                                        setTimeout(() => {
                                            $("#typing").attr("style", "display: none;margin-right: 20px;padding: 0px; margin-top: 7px;");
                                            
                                            $("#categories").attr("style", "display: none;");
                                            $("#categorie_choix_info_interv").attr("style", "display: none;");
                                            $("#categories_oui_non").attr("style", "display: none;");
                                            $("#categorie_demande_devis_rappel").attr("style", "display: none;");
                                            $("#botDernierEtape").attr("style", "display: none;");

                                            document.getElementById("botStarterChoisCat").scrollIntoView(false);
                                        }, 700)
                                    });

                                    const button_fin_session_cat1 = document.getElementById('choix_fin_session_cat1');
                                    button_fin_session_cat1.addEventListener('click', function handleClick() {

                                        let botHtmlChat = '<p style="text-align: left;margin-top: 7px;font-size: 13px;padding-left: 15px;">Vous</p><div class="messages__item messages__item--visitor">Non</div>';
                                        let botHtmlRes = '<p style="text-align: right;margin-top: 7px;font-size: 13px;padding-right: 15px;">Sarra</p><div class="messages__item messages__item--operator">Merci pour l\'intérêt que vous portez à Cosmetica travel! ce fut un plaisir de discuter avec vous. j’espère vous avoir été utile. A bientôt</div>';

                                        setTimeout(() => {
                                            document.getElementById("botDernierEtape").innerHTML = botHtmlChat;
                                            $("#typing").attr("style", "display: block;margin-right: 20px;padding: 0px; margin-top: 7px;");
                                        }, 500)
                                        setTimeout(() => {
                                            $("#typing").attr("style", "display: none;margin-right: 20px;padding: 0px; margin-top: 7px;");
                                            
                                            $("#categories").attr("style", "display: block;");
                                            $("#categorie_choix_info_interv").attr("style", "display: block;");
                                            $("#categories_oui_non").attr("style", "display: block;");
                                            $("#botDernierEtape").attr("style", "display: block;");

                                            document.getElementById("botDernierEtape").innerHTML += botHtmlRes;
                                            document.getElementById("botDernierEtape").scrollIntoView(false);
                                        }, 700)
                                    });

                                }, 700)

                            });

            }, 700)

        });


    }


}, 700)








}else if(value_categories == 4) {


        $("#categories").attr("style", "display: block;");
        $("#categorie_choix_info_interv").attr("style", "display: none;");
        $("#categories_oui_non").attr("style", "display: none;");
        $("#categorie_demande_devis_rappel").attr("style", "display: none;");

        //let botQuestion = getBotQuestion(4);
        //let botHtmlChat = '<p style="text-align: left;margin-top: 7px;font-size: 13px;padding-left: 15px;">Vous</p><p style="text-align: left;margin-top: 7px;font-size: 13px;padding-left: 15px;">Vous</p><div class="messages__item messages__item--visitor">'+ botQuestion +'</div>';
        // botResponse = getBotResponse(4);
        //let botHtmlRes = '<p style="text-align: right;margin-top: 7px;font-size: 13px;padding-right: 15px;">Sarra</p><p style="text-align: right;margin-top: 7px;font-size: 13px;padding-right: 15px;">Sarra</p><div class="messages__item messages__item--operator">'+ botResponse +'</div>';

        setTimeout(() => {
            $("#typing").attr("style", "display: none;margin-right: 20px;padding: 0px;");
    
            $("#categories").attr("style", "display: block;");
            $("#categorie_choix_info_interv").attr("style", "display: block;");
            $("#categories_oui_non").attr("style", "display: none;");
            $("#categorie_demande_devis_rappel").attr("style", "display: block;");
            $("#botDernierEtape").attr("style", "display: none;");

            DemandeRappel();

            document.getElementById("categories").scrollIntoView(false);

                            

        }, 500)


}


});





    



}
setTimeout(() => {
    firstBotChoisCat();
}, 700)



}


});



    </script>



<script src="https://www.cosmeticatravel.com/chatbot/assets/js/responses.js"></script>





<!-- Google Tag Manager (noscript) -->
<!-- <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MWDL23D"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> -->
<!-- End Google Tag Manager (noscript) -->

</body>
</html>