<!DOCTYPE html>
<html lang="fr">
<head>
<title>Chirurgie bariatrique Tunisie, Chirurgie de l'obésité prix - CosmeticaTravel</title>
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<meta name="description" content="Chirurgie de l'obésité en Tunisie avec Cosmetica Travel: des solutions chirurgicales bariatriques contre la perte du poids au meilleurs prix">
<meta name="keywords" content="Chirurgie gastrique et de l'obésité">
<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"> Du lundi au vendredi de 9h à 18h</div>
</div>
</div>
<div class="unit unit-xl-horizontal unit-lg-horizontal unit-md-horizontal unit-sm-horizontal unit-middle">
<div class="unit-left">
<div class="icon fa-whatsapp icon-circle"></div>
</div>
<div class="unit-body">
<div class="text-bold text-gray-light">00216 29 52 91 49.</div>
</div>
</div>
<ul class="list-inline list-inline-md">
<li><a href="https://www.cosmeticatravel.com/"><img src="images/flags/france.png" alt="Français"></a></li>
<li style="margin-left: 10px;"><a href="https://en.cosmeticatravel.com/"><img src="images/flags/united_kingdom.png" alt="United Kingdom"></a></li>
<li style="margin-left: 10px;"><a href="https://it.cosmeticatravel.com/"><img src="images/flags/italy.png" alt="Italy"></a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="veil reveal-sm-block">
<hr class="divider offset-top-0 offset-bottom-0">
</div>
<div class="rd-navbar-inner rd-navbar-inner-2 offset-top-0">
<div class="reveal-sm-flex range-sm-justify range-sm-middle pos-relative">
<div class="rd-navbar-nav-wrap text-md-left">
<!-- RD Navbar Nav-->
<ul class="rd-navbar-nav">
<li style="margin:0px 5px 0px 0px;"><a href="https://www.cosmeticatravel.com/">Accueil</a></li>
<li style="margin:0px 5px 0px 5px;"><a href="tarifs_chirurgie_esthetique_tunisie.php">Tarifs</a></li>
<li style="margin:0px 15px 0px 5px;"><a>Interventions</a>
<ul class="rd-navbar-dropdown">
<li><a href="chirurgie-esthetique.php">Chirurgie esthétique et soins</a>
<ul class="rd-navbar-dropdown">
<li><a href="silhouette.php"> Chirurgie de la silhouette</a>
<ul class="rd-navbar-dropdown">
<li><a href="abdominoplastie-tunisie.php">Abdominoplastie</a></li>
<li><a href="liposuccion.php">Liposuccion</a></li>
<li><a href="body-lift-tunisie.php">Body lift</a></li>
<li><a href="lifting-bras-tunisie.php">Lifting bras</a></li>
<li><a href="lifting-cuisses-tunisie.php">Lifting cuisses</a></li>
<li><a href="lifting-dos.php">Lifting dos</a></li>
<li><a href="lifting-hanches-tunisie.php">Lifting hanches</a></li>
</ul>
</li>
<li><a href="chirurgie-fessier-tunisie.php"> Chirurgie fessier</a>
<ul class="rd-navbar-dropdown">
<li><a href="lipofilling-fessiers-tunisie.php">Lipofilling fessier</a></li>
<li><a href="implants-fessiers-tunisie.php">Implant fessier</a></li>
<li><a href="lifting-fesses-tunisie.php">Lifting fessier</a></li>
</ul>
</li>
<li><a href="chirurgie_seins.php"> Chirurgie des seins (Femme)</a>
<ul class="rd-navbar-dropdown">
<li><a href="augmentation_mammaire.php">Augmentation mammaire</a></li>
<li><a href="reduction_mammaire.php">Réduction mammaire</a></li>
<li><a href="lifting_des_seins.php">Lifting des seins</a></li>
</ul>
</li>
<li><a href="chirurgies-esthetiques-pour-hommes.php"> Chirurgie poitrine (Homme)</a>
<ul class="rd-navbar-dropdown">
<li><a href="gynecomastie.php">Gynécomastie</a></li>
<li><a href="implants-pectoraux-tunisie.php"> Implants pectoraux</a></li>
</ul>
</li>
<li><a href="visage.php"> Chirurgie du visage</a>
<ul class="rd-navbar-dropdown">
<li><a href="lifting.php">Lifting cervico-facial</a></li>
<li><a href="blepharoplastie.php">Blépharoplastie</a></li>
<li><a href="lifting-cou-tunisie.php">Lifting du cou</a></li>
<li><a href="lifting-temporal-tunisie.php">Lifting temporal (pince mannequin)</a></li>
<li><a href="rhinoplastie.php">Rhinoplastie</a></li>
<li><a href="lipofilling-visage-tunisie.php">Injection de graisse visage</a></li>
<li><a href="genioplastie-tunisie.php">Génioplastie</a></li>
<li><a href="otoplastie.php">Otoplastie</a></li>
<li><a href="reduction-levres.php">Réduction des lèvres</a></li>
<li><a href="boule-de-bichat-maigrir-du-visage.php">Enlevement des boules de bichat</a></li>
</ul>
</li>
<li><a href="soins_esthetiques_tunisie.php"> Soins esthétiques</a>
<ul class="rd-navbar-dropdown">
<li><a href="injection-acide-hyaluronique.php">Injection d’acide hyaluronique</a></li>
<li><a href="epilation-laser.php">Epilation laser</a></li>
<li><a href="dermopigmentation.php">Maquillage permanent</a></li>
<li><a href="mesolift.php">Mesolift</a></li>
<li><a href="peeling.php">Peeling</a></li>
<li><a href="lifitng-non-chirurgical-du-visage.php">Lifitng non-chirurgical du visage</a></li>
<!-- <li><a href="lifitng-non-chirurgical-du-visage.php">Plasma Riche en Plaquettes (PRP)</a></li> -->
</ul>
</li>
</ul>
</li>
<li><a href="chirurgie-de-l-obesite.php">Chirurgie de l’obésité</a>
<ul class="rd-navbar-dropdown">
<li><a href="anneau_gastrique.php"> Anneau gastrique</a></li>
<li><a href="sleeve-gastectomie-tunisie.php"> Sleeve gastrectomie</a></li>
<li><a href="bypass.php" id="SubMenu_obesite"> Bypass</a></li>
<li><a href="ballon-intra-gastrique.php"> Ballon intra-gastrique</a></li>
</ul>
</li>
<li><a href="chirurgie-intime.php">Chirurgie intime</a>
<ul class="rd-navbar-dropdown">
<li><a href="hymenoplastie.php"> Hyménoplastie (Femme)</a></li>
<li><a href="reduction_levres_vaginales_labiaplastie.php"> Labiaplastie (Femme)</a></li>
<li><a href="retrecissement_vagin.php"> Vaginoplastie (Femme)</a></li>
<li><a href="peniplastie.php"> Pénoplastie (Homme)</a></li>
</ul>
</li>
<li><a href="greffe-de-cheveux.php">Greffe de cheveux</a>
</li>
<li><a href="soins-dentaires.php">Soins dentaires</a>
<ul class="rd-navbar-dropdown">
<li><a href="implant-dentaire.php" > Implants dentaires</a></li>
<li><a href="facettes-dentaires.php"> Facettes dentaires</a></li>
<li><a href="protheses-dentaires.php"> Prothèses dentaires</a></li>
<li><a href="blanchiment-des-dents.php"> Blanchiment des dents</a></li>
</ul>
</li>
<li><a href="fecondation-in-vitro.php">Fécondation in vitro</a>
</li>
<li><a href="ophtalmologie.php">Chirurgie des yeux</a>
<ul class="rd-navbar-dropdown">
<li><a href="laser-yeux.php">Laser des yeux</a></li>
<li><a href="echange-de-lentilles-refractives-elr.php">Chirurgie réfractive</a></li>
<li><a href="operation-cataracte.php">Opération de la cataracte</a></li>
<li><a href="greffe-de-cornee.php">Greffe de cornée</a></li>
</ul>
</li>
<li><a href="chirurgie-gastrique.php">Chirurgie gastrique</a>
<ul class="rd-navbar-dropdown">
<li><a href="chirurgie-du-reflux.php"> Chirurgie du reflux</a></li>
<li><a href="cholecystectomie.php"> Cholécystectomie</a></li>
</ul>
</li>
<li><a href="traitements-gynecologiques.php">Gynécologie</a>
<ul class="rd-navbar-dropdown">
<li><a href="interruption-volontaire-grossesse-tunisie.php"> Interruption volontaire de grossesse</a></li>
<li><a href="myomectomie.php"> Myomectomie</a></li>
<li><a href="hysterectomie.php"> Hystérectomie</a></li>
</ul>
</li>
<li><a href="traitements-orthopediques.php">Orthopédie</a>
<ul class="rd-navbar-dropdown">
<li><a href="prothese_hanche.php"> Prothèse de hanche</a></li>
<li><a href="prothese_genou.php"> Prothèse de genoux</a></li>
</ul>
</li>
<li><a href="bilan-de-sante.php">Bilan complet de santé</a>
</li>
<li><a href="autres-interventions.php">Autres</a>
</li>
</ul>
</li>
<li style="margin:0px 15px 0px 5px;"><a href="chirurgie-plastique-tunisie.php" data-title="Qui sommes nous ?">Qui sommes nous ?</a>
<ul class="rd-navbar-dropdown">
<li><a href="tourisme-esthetique.php" data-title="Pourquoi leader ?">Pourquoi leader ?</a></li>
<li><a href="media.php" data-title="Médias parlant de nous">Médias parlant de nous</a></li>
<li><a href="cliniques-esthetiques-tunisie.php" data-title="Les cliniques">Les cliniques</a></li>
<li><a href="chirurgiens-esthetiques.php" data-title="Les chirurgiens">Les chirurgiens</a></li>
<li><a href="sejour-esthetique-tunisie.php" data-title="Les hotels">Les hôtels</a></li>
<li><a href="operation-chirurgie-esthetique.php" data-title="Nos engagements">Nos engagements</a></li>
<li><a href="suivi.php" data-title="Suivi post-opératoire">Suivi post-opératoire</a></li>
<li><a href="cosmetica-travel-etapes.php" data-title="Etapes à suivre">Étapes à suivre</a></li>
</ul>
</li>
<!-- <li style="margin:0px 5px 0px 5px;"><a href="blog/">Blog </a></li> -->
<li style="margin:0px 15px 0px 5px;"><a href="chirurgie-esthetique-tunisie-temoignages.php" data-title="Témoignages">Témoignages</a></li>
<!-- <li id="topmenu" style="margin-left:0px;"><a href="promos-chirurgie-esthetique-tunisie.php" class="btn btn-primary" style="font-weight:normal; width:110px;background: deeppink;border: 1px solid deeppink;">PROMOS</a></li> -->
<li id="topmenu" style="margin-left:0px;"><a href="rappellez-moi.php" class="btn btn-primary" style="font-weight:normal; width:230px;"><div class="icon fa-mobile" style="margin-right:15px;"> </div>RAPPELEZ-MOI</a></li>
<li id="topmenu" style="margin-left:1px;"><a href="formulaire_preconsultation.php" class="btn btn-primary" style="font-weight:normal; width:230px;"><div class="icon fa-pencil-square-o" style="margin-right:7px;"> </div>DEVIS GRATUIT</a></li>
<li><a href="https://clients.cosmeticatravel.com/login.php" class="veil-sm text-white text-extra-bold link-underline"><div class="icon fa-user text-primary"></div> S'identifier</a></li>
</ul>
</div>
<div class="rd-navbar-search">
<form action="https://www.cosmeticatravel.com/blog/resultats.php" data-search-live="rd-search-results-live" method="GET" class="rd-search rd-search-nav pull-left toggle-original-elements">
<div class="form-group">
<input id="rd-navbar-search-form-input" type="text" name="recherche" placeholder="Entrez un mot-clef" autocomplete="off" class="rd-navbar-search-form-input form-control form-control-gray-lightest">
<button type="submit" class="rd-search-form-submit veil reveal-sm-inline-block"></button>
<div id="rd-search-results-live" class="rd-search-results-live veil reveal-sm-block cleared"></div>
</div>
</form><a data-rd-navbar-toggle=".rd-search-nav" data-custom-toggle-disable-on-blur="true" href="#" class="rd-navbar-search-toggle pull-right toggle-original"><span></span></a>
</div>
</div>
</div>
</nav>
</div>
</header>
<div class="shell">
<ul class="list-inline list-inline-dashed offset-top-25 breadcrumbs">
<li><a href="https://www.cosmeticatravel.com/">Accueil</a></li> <li class="active text-gray-dark"><a href="/chirurgie-de-l-obesite.php">Chirurgie de l obesite</a></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 gastrique et de l'obésité</h1>
<p>Nos interventions vous aideront à perdre votre surpoids rapidement et sûrement. Demandez dès maintenant votre devis gratuit pour recevoir les recommandations de nos chirurgiens sur la procédure la plus adaptée à votre cas.</p>
<p class="text-extra-bold text-gray-light">Ci-dessous nos chirurgies gastriques et de l’obésité : </p>
<div class="range range-xs-center text-center offset-top-30">
<div class="cell-md-4" style="padding-left: 5px; padding-right: 5px;">
<div style="border: 1px solid #e3e2e0; background: #fff; margin-bottom: 10px;">
<div class="post-media-wrap"><a href="anneau_gastrique.php" class="thumbnail-custom"><img src="images/anneau_gastrique/anneau_gastrique.jpg" alt="anneau gastrique" class="img-responsive" style="border-bottom: 1px solid #e3e2e0; width: 100%; height: 160px;"></a>
</div>
<h2 class="text-left h6" style="margin: 10px 10px; font-weight:normal;"><a href="anneau_gastrique.php" class="post-title">Anneau gastrique</a></h2>
<p class="text-justify" style="margin: 0px 10px;">Diminuez votre appétit avec notre procédure et soyez étonnez par la vitesse à laquelle vous allez perdre votre graisse.</p>
<div class="post-bottom text-left offset-top-5" style="padding: 10px 10px;">
<a href="anneau_gastrique.php" class="btn btn-primary post-link offset-xs-top-0" style="font-weight:normal;">En savoir plus</a>
</div></div>
</div>
<div class="cell-md-4" style="padding-left: 5px; padding-right: 5px;">
<div style="border: 1px solid #e3e2e0; background: #fff; margin-bottom: 10px;">
<div class="post-media-wrap"><a href="sleeve-gastectomie-tunisie.php" class="thumbnail-custom"><img src="images/sleeve-avant-apres/sleeve-gastectomie.jpg" alt="Sleeve gastrectomie" class="img-responsive" style="border-bottom: 1px solid #e3e2e0; width: 100%; height: 160px;"></a>
</div>
<h2 class="text-left h6" style="margin: 10px 10px; font-weight:normal;"><a href="sleeve-gastectomie-tunisie.php" class="post-title">Sleeve gastrectomie</a></h2>
<p class="text-justify" style="margin: 0px 10px;">Diminuez la taille de votre estomac pour limiter votre appétit et perdre du poids facilement.</p><br>
<div class="post-bottom text-left offset-top-5" style="padding: 10px 10px;">
<a href="sleeve-gastectomie-tunisie.php" class="btn btn-primary post-link offset-xs-top-0" style="font-weight:normal;">En savoir plus</a>
</div></div>
</div>
<div class="cell-md-4" style="padding-left: 5px; padding-right: 5px;">
<div style="border: 1px solid #e3e2e0; background: #fff; margin-bottom: 10px;">
<div class="post-media-wrap"><a href="bypass.php" class="thumbnail-custom"><img src="images/bypass-avant-apres/bypass.jpg" alt="Bypass" class="img-responsive" style="border-bottom: 1px solid #e3e2e0; width: 100%; height: 160px;"></a>
</div>
<h2 class="text-left h6" style="margin: 10px 10px; font-weight:normal;"><a href="bypass.php" class="post-title">Bypass</a></h2>
<p class="text-justify" style="margin: 0px 10px;">Soyez rassasié avec moins de nourriture pour perdre votre excès de poids.</p><br/><br/>
<div class="post-bottom text-left offset-top-5" style="padding: 10px 10px;">
<a href="bypass.php" class="btn btn-primary post-link offset-xs-top-0" style="font-weight:normal;">En savoir plus</a>
</div></div>
</div>
<div class="cell-md-4" style="padding-left: 5px; padding-right: 5px;">
<div style="border: 1px solid #e3e2e0; background: #fff; margin-bottom: 10px;">
<div class="post-media-wrap"><a href="ballon-intra-gastrique.php" class="thumbnail-custom"><img src="images/ballon-intra-gastrique/ballon-intra-gastrique.jpg" alt="Ballon intra-gastrique" class="img-responsive" style="border-bottom: 1px solid #e3e2e0; width: 100%; height: 160px;"></a>
</div>
<h2 class="text-left h6" style="margin: 10px 10px; font-weight:normal;"><a href="ballon-intra-gastrique.php" class="post-title">Ballon intra-gastrique</a></h2>
<p class="text-justify" style="margin: 0px 10px;">Ralentissez le transit des aliments dans votre estomac et diminuez votre appétit pour perdre du poids rapidement.</p>
<div class="post-bottom text-left offset-top-5" style="padding: 10px 10px;">
<a href="ballon-intra-gastrique.php" class="btn btn-primary post-link offset-xs-top-0" style="font-weight:normal;">En savoir plus</a>
</div>
</div>
</div>
</div>
<p>L’obésité gagne chaque jour un peu plus de terrain ce qui est assez alarmant, car à partir d’un certain seuil, elle ne se traduit plus par un simple excédent de poids, mais présente un réel risque pour la santé. C’est pour cela que l’on parle parfois d’obésité morbide, soit un excès de poids qui peut s’avérer mortel pour la personne. Pour y remédier, il y a bien sûr le sport et les régimes alimentaires, mais leurs résultats tardent à venir d’où le taux d’échec important. Il existe heureusement une alternative plus rapide, efficace et radicale à savoir la <strong>chirurgie bariatrique</strong> ou chirurgie de l’obésité. </p>
<h2 class="h4">Pourquoi devient-on obèse ?</h2>
<p>L’obésité est principalement due à un excès alimentaire associé à une vie trop sédentaire. </p>
<p>Autrement dit, la personne présente un déséquilibre sérieux entre les apports énergétiques que gagnent quotidiennement son organisme et les dépenses énergétiques qu’elle effectue. </p>
<p>Résultat, toutes les calories qu’elle ingurgite vont se stocker au sein de son organisme d’où l’excès graisseux. Toutefois, l’explication n’est pas aussi simple que cela, car à part la consommation excessive de nourriture et l’absence d’activités physiques, les spécialistes pensent que cet excès est aussi lié à des facteurs physiologiques. </p>
<p>L’obésité n’est pas un phénomène héréditaire et personne ne naît obèse. Néanmoins, des mécanismes hormonaux et des facteurs génétiques la favoriseraient et c’est pour cela que les individus ne prennent pas toujours le même poids en mangeant à quantités égales et en adoptant le même mode de vie sédentaire. Cette découverte a poussé les médecins à qualifier l’obésité sévère de maladie « autonome » étant donné qu’elle représente un risque pour la personne qui ne peut toutefois s’empêcher de l’entretenir par ses mauvaises habitudes. </p>
<p>Quoi qu’il en soit, il ne faut pas se cacher derrière ces facteurs pour expliquer son obésité et toujours essayer de manger équilibré et de faire du sport pour l’éloigner. </p>
<p>Globalement, ce sont les mauvaises habitudes alimentaires qu’on apprend en grandissant qui la façonne. Chez certaines personnes, la nourriture est perçue comme un réconfort en cas de stress, de fatigue, de problèmes personnels… Et comme on ne peut être à l’abri des problèmes, elles se réfugient dans la nourriture d’où la prise de poids importante. </p>
<p>En termes d’excès alimentaire, il faut faire la nuance entre « trop manger » ce qui peut arriver à tout le monde à certains moments de la vie et « manger mal ». C’est ce deuxième terme qui favorise l’obésité, car cela suppose que la personne mange de la nourriture peu équilibrée de manière abusive. Elle privilégie les aliments gras, sucrés, gazeux, … au lieu d’intégrer plus de légumes verts, de fibres végétales, de fruits et de crudités dans son mode alimentaire. Le grignotage entre les repas est aussi une cause probante.</p>
<h2 class="h4">Quand parle-t-on d’obésité? </h2>
<p>L’obésité est déclarée à partir d’un certain excès de poids. Pour connaître s’il y a excès pondéral, il faut calculer l’Indice de Masse Corporelle (IMC). Ce dernier s’obtient en divisant le poids de la personne par le carré de sa taille. </p>
<p>Lorsque le résultat est égal à:</p>
<ul>
<li>20 à 25, la personne ne présente aucune surcharge de poids</li>
<li>25 à 30, la personne présente une surcharge pondérale sans être obèse</li>
<li>30 à 40, la personne est officiellement obèse</li>
<li>Supérieur à 40, la personne souffre d’obésité morbide</li>
<li></li>
</ul>
<h2 class="h4">Quelle chirurgie bariatrique choisir pour sortir de son état d’obésité? </h2>
<p>Dès lors que la personne est déclarée obèse, elle peut formuler une <strong>demande de chirurgie bariatrique</strong> pour retrouver un poids normal. Il existe différentes techniques à savoir:</p>
<p>L’anneau gastrique:</p>
<p>Cela consiste à insérer un <strong>anneau gonflable ajustable</strong> autour de l’estomac du patient de sorte à créer deux poches distinctes reliées par un étroit passage. La poche supérieure aura un volume restreint tandis que la poche inférieure sera plus volumineuse. Quand la personne mange, la petite poche se remplit rapidement ce qui va générer rapidement une sensation de satieté. Ce sentiment dure pendant quelques heures, car à cause de l’étroit passage vers la poche inférieure, la poche supérieure mettra du temps pour se vider. </p>
<p>Résultat, le patient réduira énormément la quantité de nourriture, et donc de calories, qu’il mange au quotidien. Il apprendra également un nouveau mode alimentaire plus équilibré et c’est cela qui va permettre une perte de poids durable.</p>
<p>La sleeve gastrectomie:</p>
<p>La <strong>sleeve gastrectomie</strong> est une intervention plus radicale par rapport à l’anneau gastrique. Si ce dernier peut être retiré à tout moment après son insertion, la sleeve implique la section définitive de l’estomac par agrafe. Autrement dit, l’estomac sera, une fois de plus divisé en deux, mais seule la petite partie restera fonctionnelle tandis que la grande partie sera inutilisée.</p>
<p>Avec cette chirurgie, la partie gardée aura la forme d’une banane et dû à son volume restreint, la quantité de nourriture avalée sera également réduite sans compter que la sensation de satiété durera longtemps.</p>
<p>Le bypass:</p>
<p>Le <strong>bypass</strong> ou <strong>court-circuit gastrique</strong> consiste à diviser l’estomac en deux poches dont une inférieure d’environ 30 ml de volume et d’établir avec celle-ci, une liaison directe avec la partie basse de l’intestin grêle. Ce dernier sera alors, dans un premier temps, sectionné en deux pour ensuite être raccordé à nouveau. Le point de raccordement sera placé assez bas de sorte à ce que la digestion proprement dite ne commence que tardivement pour se terminer rapidement.</p>
<p>Résultat : le patient verra réduire la quantité de nourriture avalée et son organisme n’en retiendra que très peu de calories, car la digestion s’achève précocement.</p>
<p>Le ballon intra-gastrique:</p>
<p>Le <strong>ballon intra-gastrique</strong> est un dispositif à insérer à l’intérieur de l’estomac. Il en occupera la moitié de son volume ce qui fait que le patient ne sentira plus la faim. Quand il mangera, il sera vite rassasié. Ces phénomènes favorisent la perte de poids, mais seulement sur une durée limitée, le ballon devant être retiré au bout de six mois. </p>
<p>Néanmoins, l’insertion du ballon sera associée à un suivi rigoureux par un nutritionniste qui réapprendra au patient à manger sainement et de manière équilibré. Ainsi, même après le retrait du dispositif, la perte de poids continuera grâce à ce nouveau mode alimentaire.</p>
</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#e3c0"><span class="__cf_email__" data-cfemail="c4a7abaab0a5a7b084a7abb7a9a1b0ada7a5b0b6a5b2a1a8eaa7aba9">[email 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ésidence Raouda, Escalier 3, Apt N°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>© <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>
