Outiref

<!DOCTYPE html>
<html lang="fr">
<head>
  <title>Chirurgie de la silhouette Tunisie, remodelage du corps - 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="Bénéficiez des opération de chirurgie esthétique de la silhouette en Tunisie proposées par Cosmetica Travel pour un corps bien sculpté.">
  <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><a href="chirurgie-esthetique.php">Chirurgie esthétique et soins</a></li>
        <li class="active text-gray-dark">Chirurgie de la silhouette</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 de la silhouette</h1>

            <p class="text-justify">Avec l&rsquo;âge et suite aux variations de poids, la  silhouette perd petit à petit sa forme harmonieuse. Certes, il est possible de  l&rsquo;entretenir avec un régime alimentaire équilibré et le sport, mais il arrive  un moment où ces derniers ne suffisent plus. C&rsquo;est là que Cosmetica Travel  intervient pour vous proposer des solutions radicales par le biais de la  chirurgie esthétique. Spécialisée dans ce domaine depuis de nombreuses années,  elle propose de nombreuses techniques chirurgicales à but esthétique pour vous  permettre de retrouver votre silhouette d&rsquo;antan. Ventre rond, bras mous,  bourrelets disgracieux, affaissement cutané… elle propose, pour chaque  imperfection, des méthodes efficaces pour des résultats durables. </p>

            <hr class="divider" style="margin: 20px 0px;">

            <div class="post post-variant-1 post-list post-list-2 offset-top-15 offset-md-top-15">
            <h2 class="h4 text-regular offset-botom-20">Abdominoplastie  </h2>
            <a href="abdominoplastie-tunisie.php"><img src="images/abdominoplastie/abdominoplastie-tunisie.jpg" alt="Abdominoplastie" 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">Plusieurs  grossesses, le vieillissement et une forte perte ou prise de poids peuvent  provoquer une descente de la peau du ventre et un relâchement des muscles  abdominaux. Cet affaissement dû généralement à une accumulation de graisse et à  un relâchement des muscles peut provoquer la formation d&rsquo;un tablier abdominal,  qui dans certains cas couvre toute la zone pubienne.&nbsp;<a href="https://fr.wiktionary.org/wiki/abdominoplastie">L&rsquo;abdominoplastie</a>&nbsp;permet de soulager les douleurs pelviennes et dorsales  pouvant être ressenties par le patient, homme ou femme. Cette chirurgie  esthétique, réparatrice et  souvent  thérapeutique peut aussi apporter une solution à un certain nombre de problèmes  tels que le diastasis ou une hernie ombilicale. </p>
            <p class="text-justify"> La chirurgie de  l&rsquo;abdomen, «&nbsp;abdominoplastie&nbsp;», consiste à enlever l&rsquo;excédent de  graisse et de peau (parfois couverte de vergetures). Elle permet le remodelage  de la zone abdominale, ainsi que le renforcement des muscles de la paroi  abdominale.&nbsp;Le chirurgien proposera parfois d&rsquo;associer à l&rsquo;abdominoplastie  une opération de liposuccion au niveau des hanches et du ventre.</p>
            <div class="post-bottom reveal-xs-flex range-xs-justify range-xs-middle range-xs-reverse">
            <a href="abdominoplastie-tunisie.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">
            <h2 class="h4 text-regular offset-botom-20">Liposuccion ou lipoaspiration  </h2>
            <a href="liposuccion.php"><img src="images/liposuccion/liposuccion.jpg" alt="Liposuccion ou lipoaspiration" 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">La liposuccion est une chirurgie esthétique qui permet d&rsquo;éliminer  efficacement les graisses localisées sur une ou plusieurs parties du corps,  permettant d&rsquo;obtenir une silhouette plus fine et harmonieuse. C&rsquo;est une  opération qui est très fréquemment pratiquée en Tunisie, sur des patients  hommes ou femmes.</p>
            <p class="text-justify">La lipoaspiration de graisse peut  être pratiquée sur différentes zones comme les bras, le ventre, les hanches,  les cuisses, les fesses et parfois même le visage ou le cou.</p>
            <p class="text-justify">  La quantité de graisse prélevée  dépendra de la surcharge pondérale du patient. </p>
            <p class="text-justify">  La liposuccion  est une intervention chirurgicale qui accomplit ce que le régime et l&rsquo;exercice  n&rsquo;ont pas réussi à faire. En effet, les régimes et le sport peuvent générer une  perte de poids, mais on ne peut pas choisir les zones du corps où on veut  maigrir. La lipoaspiration vise les amas de graisse résistants localisés dans  les parties &rdquo;problématiques&rdquo; du corps.</p>
            <p class="text-justify">  Avant l&rsquo;intervention de  liposuccion, vous aurez l&rsquo;occasion d&rsquo;exposer vos  raisons&nbsp;d&rsquo;envisager cette intervention à votre chirurgien, de préciser vos  attentes en termes de résultat et de poser toutes les questions envisageables.  Le chirurgien de sa part vous expliquera les options qui vous sont disponibles  et vous développera le procédé chirurgical en détail.</p>
            <p class="text-justify">  Les suites opératoires de la  liposuccion sont généralement simples. Des ecchymoses et des œdèmes sur les  zones traitées sont fréquents suite à la liposuccion et disparaîtront au bout  d&rsquo;une quinzaine de jours. Les douleurs sont généralement modérées et des  antalgiques sont administrés pour y palier.</p>
            <div class="post-bottom reveal-xs-flex range-xs-justify range-xs-middle range-xs-reverse">
            <a href="liposuccion.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">
            <h2 class="h4 text-regular offset-botom-20">Body lift  </h2>
            <a href="body-lift-tunisie.php"><img src="images/body-lift/body-lift.jpg" alt="Body lift" 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">Le body lift est une des interventions chirurgicales les plus demandées dans le monde. C’est la solution idéale si vous voulez sublimer votre silhouette radicalement en éliminant les graisses et excédents de peau tout en liftant votre peau pour un rendu tonifié et rajeuni. Le body lift vise le tiers moyen de la silhouette (dos, hanches, ventre, fesses…) et permet de se débarrasser des graisses récalcitrantes dont vous ne parvenez pas à vous débraser grâce au sport ou via votre alimentation.</p>
            <div class="post-bottom reveal-xs-flex range-xs-justify range-xs-middle range-xs-reverse">
            <a href="body-lift-tunisie.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">
            <h2 class="h4 text-regular offset-botom-20">Lifting des bras ou brachioplastie  </h2>
            <a href="lifting-bras-tunisie.php"><img src="images/lifting-des-bras/lifting-bras-tunisie.jpg" alt="Lifting des bras ou brachioplastie" 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">La peau de l’intérieur des bras est fine et son élasticité est fragilisée par la prise de poids, les variations de poids ou, chez les patients minces, tout simplement par le vieillissement. Le lifting des bras  va vous permettre d’obtenir des bras plus minces et plus toniques.  Selon le cas une liposuccion du bras aura lieu ou non, puis l’ablation de l’excès de peau. Une incision sous l’aisselle peut permettre au chirurgien de retendre la peau harmonieusement pour les cas légers, mais pour les cas plus difficiles il sera indispensable de pratiquer une incision longitudinale sur la face interne du bras. </p>
            <div class="post-bottom reveal-xs-flex range-xs-justify range-xs-middle range-xs-reverse">
            <a href="lifting-bras-tunisie.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">
            <h2 class="h4 text-regular offset-botom-20">Lifting des cuisses ou cruroplastie  </h2>
            <a href="lifting-cuisses-tunisie.php"><img src="images/lifting-cuisses/lifting-cuisses.jpg" alt="Lifting des cuisses ou cruroplastie" 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">Tout comme pour les bras, la peau de l&rsquo;intérieur des cuisses est  fine et son élasticité résiste mal aux fortes variations de poids, ou tout  simplement au vieillissement.</p>
            <p class="text-justify">  Si vous êtes en surcharge pondérale il est recommandé de procéder  à une liposuccion de l&rsquo;intérieur des cuisses puis ensuite retirer l&rsquo;excédent de  peau et retendre la peau pour que les cuisses retrouvent un joli galbe. Ces patients  retrouveront même plus de confort à la marche, car les frottements douloureux  de l&rsquo;intérieur des cuisses n&rsquo;existeront plus.</p>
            <p class="text-justify">  Sur les patients minces, le chirurgien procédera seulement à une  incision (taille selon le cas) qui permettra d&rsquo;enlever l&rsquo;excès de peau et de  retendre la peau pour des cuisses plus fermes, et plus lisses. Cette opération  aura aussi un effet liftant sur les genoux qui gagneront en fermeté.</p>
            <div class="post-bottom reveal-xs-flex range-xs-justify range-xs-middle range-xs-reverse">
            <a href="lifting-cuisses-tunisie.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">
            <h2 class="h4 text-regular offset-botom-20">Lifting du dos  </h2>
            <a href="lifting-dos.php"><img src="images/Lifting-du-dos/Lifting-du-dos.jpg" alt="Lifting du dos" 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">L’intervention idéale pour obtenir un dos aminci et dénué d’excédents cutanés. Lors de l’intervention le chirurgien esthétique va aspirer la graisse localisée dans le dos, enlever la peau excédentaire et ensuite lifter la peau pour la retendre et obtenir un dos dénué de ces imperfections. </p>
            <div class="post-bottom reveal-xs-flex range-xs-justify range-xs-middle range-xs-reverse">
            <a href="lifting-dos.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">
            <h2 class="h4 text-regular offset-botom-20">Lifting des hanches  </h2>
            <a href="lifting-hanches-tunisie.php"><img src="images/lifting-hanches/lifting-hanches.jpg" alt="Lifting des hanches" 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">Les hanches font partie des différentes régions anatomiques où le gras est particulièrement difficile à perdre. Le lifting des hanches consiste à lifter et à de tendre la peau mais aussi à extraire et éliminer les tissus graisseux via la lipoaspiration. Ceci vous permettra d’obtenir une silhouette affinée et harmonieuse.</p>
            <div class="post-bottom reveal-xs-flex range-xs-justify range-xs-middle range-xs-reverse">
            <a href="lifting-hanches-tunisie.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#684b"><span class="__cf_email__" data-cfemail="9efdf1f0eafffdeadefdf1edf3fbeaf7fdffeaecffe8fbf2b0fdf1f3">[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>