</ifram e></noscript> <!-- End Google Tag Manager (noscript) --> <!--page-header --> <div class="popup"> <div class='cnt223'> <div style="font-size:36px; padding:100px"><i class="fa fa-spinner fa-pulse fa-3x fa-fw margin-bottom"></i></div> <p><img src="https://www.gthbooking.com/img/logo5555.png" alt="GTH Booking reservation hotel en tunisie"></p> <p style="font-size:28px; font-weight:bold"><span style="color:#fff">payer à l'hôtel c'est toujours moins cher</span></p> </div> </div> <div id="overlay"></div> <!-- START #wrapper --> <div id="wrapper"> <!-- START header --> <header> <!-- START #main-header --> <div id="main-header" > <div class="container"> <div class="row"> <div class="col-md-4" style="margin-top:10px"> <a id="site-logo" href="https://www.gthbooking.com/"> <img src="https://www.gthbooking.com/img/logo5555.png" alt="GTH VOYAGES" /> </a> </div> <div class="col-md-5" id="connect"> <div style="margin-top:15px"> <span class="flash_gth remise">GTH Agence De Voyage spécialiste de la réservation en ligne des hôtels en Tunisie</span></div> <!-- <a onClick="affi()" style="color:#FFF"> <i class="fa fa-user-circle" aria-hidden="true"></i> Se connecter</a> --> </div> <div class="col-md-3" style="padding-top:15px; font-size:10px"> <div class="conseiller">Contactez un conseiller au</div> <div class="border-tel"> <span class="flash_gth" > 27 168 127 <i class="fa fa-phone-square" aria-hidden="true"></i> 27 666 626 </span> </div> </div> </div> </div> <!-- END #main-header --> <div class="container "> <nav class="navbar navbar-default " style="min-height:30px; margin-bottom:5px" > <div class="navbar-header"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".js-navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="https://www.gthbooking.com/" style=" float: left; padding: 10px; height:30px; color:#177bae " ><i class="fa fa-home" aria-hidden="true"></i></a> </div> <div class="collapse navbar-collapse js-navbar-collapse"> <ul class="nav navbar-nav headernav"> <li class="dropdown mega-dropdown"> <a href="#" class="dropdown-toggle" style=" height:40px;padding-top: 10px;color:#177bae " data-toggle="dropdown" >hôtel en Tunisie    <i class="fal fa-caret-down" aria-hidden="true"></i></a> <ul class="dropdown-menu mega-dropdown-menu row"> <li class="col-sm-12"> <ul> <li class="dropdown-header">Hotels Tunisie </li> <li><a href="https://www.gthbooking.com/hotel-sousse-tunisie.html"> Hôtel à Sousse</a></li> <li><a href="https://www.gthbooking.com/hotel-zarzis-tunisie.html"> Hôtel à Zarzis</a></li> <li><a href="https://www.gthbooking.com/hotel-monastir-tunisie.html"> Hôtel à Monastir</a></li> <li><a href="https://www.gthbooking.com/hotel-mahdia-tunisie.html"> Hôtel à Mahdia</a></li> <li><a href="https://www.gthbooking.com/hotel-tunis-tunisie.html"> Hôtel à Tunis</a></li> <li><a href="https://www.gthbooking.com/hotel-djerba-tunisie.html"> Hôtel à Djerba</a></li> <li><a href="https://www.gthbooking.com/hotel-hammamet-tunisie.html"> Hôtel à Hammamet</a></li> </ul> </li> </ul> </li> <li class="dropdown" > <a href="https://www.gthbooking.com/promo-hotel-en-tunisie.html" style=" height:40px;padding-top:10px;color:#177bae"><i class="fa fa-gift" aria-hidden="true"></i> Promo</a> </li> <!-- <li class="dropdown" > <a href="https://www.gthbooking.com/omra-djerba-tunisie.html" style=" height:40px;padding-top: 10px;color:#177bae " ><i class="fa fa-bookmark" aria-hidden="true"></i>Omra 2020</a> </li>--> <li class="dropdown" > <a href="https://www.gthbooking.com/demande-de-groupe.html" style=" height:40px;padding-top: 10px;color:#177bae " ><i class="fa fa-suitcase" aria-hidden="true"></i></span> Demande de groupe</a> </li> <li class="dropdown" > <a href="https://www.gthbooking.com/contact.html" style=" height:40px;padding-top: 10px ;color:#177bae"><i class="far fa-comment-alt" aria-hidden="true"></i> Contactez Nous </a> </li> </ul> </div> <!-- /.nav-collapse --> </nav> </div> </header> <!-- END header --> <body> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> ×</button> <h4 class="modal-title" id="myModalLabel"> Se connecter - Inscription </h4> </div> <div class="modal-body"> <div class="row"> <div class="col-md-8" style="border-right: 1px dotted #C2C2C2;padding-right: 30px;"> <!-- Nav tabs --> <ul class="nav nav-tabs"> <li class="active"><a href="#Login" data-toggle="tab">Se connecter</a></li> <li><a href="#Registration" data-toggle="tab">Inscription</a></li> </ul> <!-- Tab panes --> <div class="tab-content"> <div class="tab-pane active" id="Login"> <form id="connexion" class="form-horizontal"> <div class="form-group"> <div id="erreur"></div> <label for="email" class="col-sm-2 control-label"> Email</label> <div class="col-sm-10"> <input class="form-control" type="email" name="email" id="emaild" /> </div> </div> <div class="form-group"> <label for="exampleInputPassword1" class="col-sm-2 control-label"> Mot de pass</label> <div class="col-sm-10"> <input class="form-control" type="password" name="pwdd" id="pwdd" /> </div> </div> <div class="row"> <div class="col-sm-2"> </div> <div class="col-sm-10"> <button type="submit" class="btn btn-primary" >Connexion <span class="glyphicon glyphicon-send"></span></button> </div> </div> </form> </div> <div class="tab-pane" id="Registration"> <form id="inscription" class="form-horizontal"> <div class="form-group"> <label for="email" class="col-sm-2 control-label"> Name</label> <div class="col-sm-10"> <div class="row"> <div class="col-md-3"> <select class="form-control" id="genre" name="genre"> <option>Mr.</option> <option>Ms.</option> <option>Mrs.</option> </select> </div> <div class="col-md-9"> <input type="text" class="form-control" placeholder="Nom et prénom" name="nom" id="nom" /> </div> </div> </div> </div> <div class="form-group"> <label for="email" class="col-sm-2 control-label"> Email</label> <div class="col-sm-10"> <input type="email" class="form-control" id="emaill" name="emaill" placeholder="Email" /> </div> </div> <div class="form-group"> <label for="mobi" class="col-sm-2 control-label"> Mobile</label> <div class="col-sm-10"> <input name="mobi" class="form-control" id="mobi" placeholder="Mobile" /> </div> </div> <div class="form-group"> <label for="password" class="col-sm-2 control-label"> Password</label> <div class="col-sm-10"> <input type="password" class="form-control" id="pwd" placeholder="Password" name="pwd" /> </div> </div> <div class="row"> <div class="col-sm-2"> </div> <div class="col-sm-10"> <button type="submit" class="btn btn-primary btn-sm" > Save & Continue</button> <button type="button" class="btn btn-default btn-sm"> Cancel</button> </div> </div> </form> </div> </div> <div id="OR" class="hidden-xs"> OR</div> </div> <div class="col-md-4"> <div class="row text-center sign-with"> <div class="col-md-12"> <h3> Inscription avec </h3> </div> <div class="col-md-12"> <div class="btn-group btn-group-justified"> <a href="#" class="btn btn-primary" class="social_box fb" style="font-size:0.8em" onclick="publishOnFacebook()" id="conect_fbbb"> <span class="icon"><i class="fa fa-facebook"></i></span> <span class="icon_title"> Se connecter avec Facebook</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style>/* Hidding the radiobuttons & checkboxes */ #soire{ background-color:#6699cc; margin:15px 0; border-radius:15px; color:#fff; padding:10px} #soire img{ border-radius:10px} #soire input { display: none; } /* Hidding the "check" status of inputs */ input[type="radio"] + label .fa-circle, input[type="checkbox"] + label .fa-check { display: none; } /* Styling the "check" status */ input[type="radio"]:checked + label .fa-circle, input[type="checkbox"]:checked + label .fa-check { display: block; color: #ff0066; } /* Styling checkboxes */ input[type="checkbox"]:checked + label .fa-check { position: relative; left: .125em; bottom: .125em; }</style> <input type="hidden" value="" id="x" /> <input type="hidden" value="318" id="id_hotel" /> <!-- START #page-header --> <script src="https://www.gthbooking.com/js/step2r.min.js"></script> <script src="https://www.gthbooking.com/js/step2.min.js"></script> <script src="https://www.gthbooking.com/js/detail_hotel.js"></script> <div class="main-contents"> <div > <div id="header-banner" style=" color: #fff;text-shadow: 1px 1px 1px #000; " > <div class="container"> <div class="row"> <section class="col-sm-8"> <h1 class="text-upper"> El Mouradi Hammam Bourguiba</h1> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <div style="color:#fff; margin-top:15px "> <span class="loc-hotel"><i class="fa fa-map-marker"></i><i> <span class="format_address"><span class="street-address">8136 Hammam Bourguiba</span>, <span class="locality">Ain Draham 8130, </span><span class="country-name">Tunisie</span> </span></i></span> <!-- <span class="loc-hotel distances">| 14.00 Km jusqu'au centre ville <i class="fa fa fa-plane"></i> 20.00 Km Aréropot</span>--> <div class="row"> <div class="col-sm-6"></div> </div></div> </section> <div class="col-sm-4" style=" text-align:center "> <h2>Très bon</h2><img src="https://www.gthbooking.com/img/3.5-34546-5.png" /> </div> </div> </section> </div> </div> </div> </div> <!-- END #page-header --> <!-- START .main-contents --> <!-- START .main-contents --> <div class="main-contents"> <div class="container" > <div class="row" style="margin-top:15px"> <!-- START #page --> <!-- END TAB CONTENT --> <div id="votre-selection" style='display:none'> <div class="meilleurhoel5"> <h2 class="ft-heading text-upper h4meilleur" >Récapitulatif de votre séjour</h2> </div> <div id="moteur" style="font-size:16px"> <i class="fa fa-calendar"></i>Arrivée : jeudi 01 janvier 1970 <i class="fa fa-clock-o"></i>Durée : <i class="fa fa-moon-o" aria-hidden="true"></i> <i class="fa fa-hotel"></i> chambres en : Adultes <div class=" modifier"><img src="https://www.gthbooking.com/img/modif_rech.png" onClick="modif_selection()"> </div> </div> </div> <div id="prixdispo" class="prixdispo" > <form name="step1h" id="step1h" autocomplete="off" method="get"> <input type="hidden" id="argname" value="" /> <input type="hidden" id="idh" value="318" /> <div id="moteur"> <div class="input-daterange"> <div class="row"> <div class="col-md-4 col-sm-4 col-xs-12"> <label for="input1">Date arrivée</label> <div class="input-group input-group-md"> <label class="input-group input-group-md date" for="arrDate"><span id="basic-addon1" class="input-group-addon"><i class="fa fa-calendar"></i></span> <input type="text" aria-describedby="basic-addon1" style="text-align:left" placeholder="jj/mm/aaaa" value="" required="" onchange="arg()" readonly="readonly" class="form-control" name="arrDate" id="arrDate" data-bv-field="arrDate"></label> </div> <small class="help-block" data-bv-validator="notEmpty" data-bv-for="arrDate" data-bv-result="VALID" style="display: none;">ce champs est obligatoire</small><small class="help-block" data-bv-validator="date" data-bv-for="arrDate" data-bv-result="VALID" style="display: none;">Date invalide</small></div> <div class="col-md-4 col-sm-4 col-xs-12"> <label for="input2">Date départ</label> <div class="input-group input-group-md"> <label class="input-group input-group-md date" for="depDate"><span id="basic-addon1" class="input-group-addon"><i class="fa fa-calendar"></i></span> <input type="text" aria-describedby="basic-addon1" style="text-align:left" placeholder="jj/mm/aaaa" readonly="readonly" value="" required="" onchange="arg()" class="form-control" name="depDate" id="depDate" data-bv-field="depDate"></label> </div> <small class="help-block" data-bv-validator="notEmpty" data-bv-for="depDate" data-bv-result="VALID" style="display: none;">ce champs est obligatoire</small><small class="help-block" data-bv-validator="date" data-bv-for="depDate" data-bv-result="VALID" style="display: none;">Date invalide</small></div> <div class="col-md-4 col-sm-4 col-xs-12" > <label for="input2">Arrangement</label> <div class="input-group typeahead-container condit"> <div id="arrg" style="display:none"></div> <span class="twitter-typeahead" style="position: relative; display: block;"> <select required="" name="arrang" style="-webkit-appearance: none;" id="arrang" class="selectpicker show-tick form-control" tabindex="-98" > </select> </span> <span class="input-group-addon"><i class="fa fa-hotel"></i></span> </div> <small class="help-block" data-bv-validator="notEmpty" data-bv-for="arrang" style="display: none;">ce champs est obligatoire</small></div> </div> <div class="row"> <div class="input-field select col-md-2 "> <label >Chambre (s) :</label> <select name="chambre" class="selecto" onChange="afficher_masquer_select(this.value)" id="select_ch"> <option value="1" >1</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> </select> </div> <div class="input-field select col-md-10"> <div id="disp1" style=" "> <div class="chambnorm"><label>Chambre 1 </label></div> <div class="col-md-2 pax"> <label>Adultes </label> <div class="input-group typeahead-container condit"> <span class="twitter-typeahead" style="position: relative; display: block; "> <input type="hidden" id="max_pax" value="3 " /> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="pax_adulte(1)" name="adultes1" id="adultes1" > <option value="1" >1</option> <option value="2" selected>2</option> <option value="3" >3</option> </select> </span> <span class="input-group-addon"><i class="fa fa-users" aria-hidden="true"></i></span> </div> </div> <div class="col-md-2 pax"> <label>Enfants</label> <div class="input-group typeahead-container condit"> <span class="twitter-typeahead" style="position: relative; display: block; "> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="age1(this.value)" name="enfants1" id="enfants1" > <option value="0" > 0</option> <option value="1" > 1</option> </select> </select> </span> <span class="input-group-addon"><i class="fa fa-child" aria-hidden="true"></i></span> </div> </div> <div class="col-md-2 pax"style="display:none" id="age11"> <label>Age 1</label> <select class="form-control" name="age11" id="age1_1"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div class="col-md-2 pax"style="display:none" id="age12"> <label>Age 2</label> <select class="form-control" name="age12" id="age1_2"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div class="col-md-2 pax"style="display:none" id="age13"> <label>Age 3</label> <select class="form-control" name="age13" id="age1_3"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div style="clear:both"></div> </div> <div id="disp2" style=" display:none "> <div class="chambnorm"><label>Chambre 2 </label></div> <div class="col-md-2 pax"> <label>Adultes </label> <div class="input-group typeahead-container condit"> <span class="twitter-typeahead" style="position: relative; display: block; "> <input type="hidden" id="max_pax" value="3 " /> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="pax_adulte(2)" name="adultes2" id="adultes2" > <option value="0" >0</option> <option value="1" selected>1</option> <option value="2" >2</option> <option value="3" >3</option> </select> </span> <span class="input-group-addon"><i class="fa fa-users" aria-hidden="true"></i></span> </div> </div> <div class="col-md-2 pax"> <label>Enfants</label> <div class="input-group typeahead-container condit"> <span class="twitter-typeahead" style="position: relative; display: block; "> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="age2(this.value)" name="enfants2" id="enfants2" > <option value="0" > 0</option> <option value="1" > 1</option> </select> </select> </span> <span class="input-group-addon"><i class="fa fa-child" aria-hidden="true"></i></span> </div> </div> <div class="col-md-2 pax"style="display:none" id="age21"> <label>Age 1</label> <select class="form-control" name="age21" id="age2_1"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div class="col-md-2 pax"style="display:none" id="age22"> <label>Age 2</label> <select class="form-control" name="age22" id="age2_2"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div class="col-md-2 pax"style="display:none" id="age23"> <label>Age 3</label> <select class="form-control" name="age23" id="age2_3"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div style="clear:both"></div> </div> <div id="disp3" style=" display:none "> <div class="chambnorm"><label>Chambre 3 </label></div> <div class="col-md-2 pax"> <label>Adultes </label> <div class="input-group typeahead-container condit"> <span class="twitter-typeahead" style="position: relative; display: block; "> <input type="hidden" id="max_pax" value="3 " /> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="pax_adulte(3)" name="adultes3" id="adultes3" > <option value="0" >0</option> <option value="1" selected>1</option> <option value="2" >2</option> <option value="3" >3</option> </select> </span> <span class="input-group-addon"><i class="fa fa-users" aria-hidden="true"></i></span> </div> </div> <div class="col-md-2 pax"> <label>Enfants</label> <div class="input-group typeahead-container condit"> <span class="twitter-typeahead" style="position: relative; display: block; "> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="age3(this.value)" name="enfants3" id="enfants3" > <option value="0" > 0</option> <option value="1" > 1</option> </select> </select> </span> <span class="input-group-addon"><i class="fa fa-child" aria-hidden="true"></i></span> </div> </div> <div class="col-md-2 pax"style="display:none" id="age31"> <label>Age 1</label> <select class="form-control" name="age31" id="age3_1"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div class="col-md-2 pax"style="display:none" id="age32"> <label>Age 2</label> <select class="form-control" name="age32" id="age3_2"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div class="col-md-2 pax"style="display:none" id="age33"> <label>Age 3</label> <select class="form-control" name="age33" id="age3_3"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div style="clear:both"></div> </div> <div id="disp4" style=" display:none "> <div class="chambnorm"><label>Chambre 4 </label></div> <div class="col-md-2 pax"> <label>Adultes </label> <div class="input-group typeahead-container condit"> <span class="twitter-typeahead" style="position: relative; display: block; "> <input type="hidden" id="max_pax" value="3 " /> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="pax_adulte(4)" name="adultes4" id="adultes4" > <option value="0" >0</option> <option value="1" selected>1</option> <option value="2" >2</option> <option value="3" >3</option> </select> </span> <span class="input-group-addon"><i class="fa fa-users" aria-hidden="true"></i></span> </div> </div> <div class="col-md-2 pax"> <label>Enfants</label> <div class="input-group typeahead-container condit"> <span class="twitter-typeahead" style="position: relative; display: block; "> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="age4(this.value)" name="enfants4" id="enfants4" > <option value="0" > 0</option> <option value="1" > 1</option> </select> </select> </span> <span class="input-group-addon"><i class="fa fa-child" aria-hidden="true"></i></span> </div> </div> <div class="col-md-2 pax"style="display:none" id="age41"> <label>Age 1</label> <select class="form-control" name="age41" id="age4_1"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div class="col-md-2 pax"style="display:none" id="age42"> <label>Age 2</label> <select class="form-control" name="age42" id="age4_2"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div class="col-md-2 pax"style="display:none" id="age43"> <label>Age 3</label> <select class="form-control" name="age43" id="age4_3"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div style="clear:both"></div> </div> <div id="disp5" style=" display:none "> <div class="chambnorm"><label>Chambre 5 </label></div> <div class="col-md-2 pax"> <label>Adultes </label> <div class="input-group typeahead-container condit"> <span class="twitter-typeahead" style="position: relative; display: block; "> <input type="hidden" id="max_pax" value="3 " /> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="pax_adulte(5)" name="adultes5" id="adultes5" > <option value="0" >0</option> <option value="1" selected>1</option> <option value="2" >2</option> <option value="3" >3</option> </select> </span> <span class="input-group-addon"><i class="fa fa-users" aria-hidden="true"></i></span> </div> </div> <div class="col-md-2 pax"> <label>Enfants</label> <div class="input-group typeahead-container condit"> <span class="twitter-typeahead" style="position: relative; display: block; "> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="age5(this.value)" name="enfants5" id="enfants5" > <option value="0" > 0</option> <option value="1" > 1</option> </select> </select> </span> <span class="input-group-addon"><i class="fa fa-child" aria-hidden="true"></i></span> </div> </div> <div class="col-md-2 pax"style="display:none" id="age51"> <label>Age 1</label> <select class="form-control" name="age51" id="age5_1"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div class="col-md-2 pax"style="display:none" id="age52"> <label>Age 2</label> <select class="form-control" name="age52" id="age5_2"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div class="col-md-2 pax"style="display:none" id="age53"> <label>Age 3</label> <select class="form-control" name="age53" id="age5_3"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div style="clear:both"></div> </div> </div> <div style="clear:both"></div> <div class="form-group col-md-12 text-right btn-res"> <input type="submit" id="submit" value=" Vérifier la Disponibilité >" class="btnn" /> </div> </div></div> </form> <div style="clear:both"></div></div></div> <div id="vue-et-chambre" style='display:none'> <div class="loadprix" id="load" style="display:none"> </div> <div id="resultat_chambre" ></div> <div id="resultat" style="width:100%; padding-top:40px"></div> </div> <div class="col-md-8 div_description" > <style type="text/css"> .elfinder-tree .elfinder-navbar-root .elfinder-navbar-icon { background-position: 0 -16px !important; } </style> <!-- #region Google Counter Begin --> <!-- Count 50% Traffic --> <!-- #region Jssor Slider Begin --> <!-- Generator: Jssor Slider Maker --> <!-- Source: https://www.jssor.com --> <!-- This code works without jquery library. --> <script src="https://www.gthbooking.com/js/jssor.slider-22.2.16.min.js" type="text/javascript"></script> <style> /* jssor slider arrow navigator skin 05 css */ /* .jssora05l (normal) .jssora05r (normal) .jssora05l:hover (normal mouseover) .jssora05r:hover (normal mouseover) .jssora05l.jssora05ldn (mousedown) .jssora05r.jssora05rdn (mousedown) .jssora05l.jssora05lds (disabled) .jssora05r.jssora05rds (disabled) */ .jssora05l, .jssora05r { display: block; position: absolute; /* size of arrow element */ width: 40px; height: 40px; cursor: pointer; background: url('img/a17.png') no-repeat; overflow: hidden; } .jssora05l { background-position: -10px -40px; } .jssora05r { background-position: -70px -40px; } .jssora05l:hover { background-position: -130px -40px; } .jssora05r:hover { background-position: -190px -40px; } .jssora05l.jssora05ldn { background-position: -250px -40px; } .jssora05r.jssora05rdn { background-position: -310px -40px; } .jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; } .jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; } /* jssor slider thumbnail navigator skin 01 css *//*.jssort01 .p (normal).jssort01 .p:hover (normal mouseover).jssort01 .p.pav (active).jssort01 .p.pdn (mousedown)*/.jssort01 .p { position: absolute; top: 0; left: 0; width: 72px; height: 72px;}.jssort01 .t { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;}.jssort01 .w { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}.jssort01 .c { position: absolute; top: 0px; left: 0px; width: 68px; height: 68px; border: #ecebeb 2px solid; box-sizing: content-box; background: url('img/t01.png') -800px -800px no-repeat; _background: none;}.jssort01 .pav .c { top: 2px; _top: 0px; left: 2px; _left: 0px; width: 68px; height: 68px; border: #000 0px solid; _border: #fff 2px solid; background-position: 50% 50%;}.jssort01 .p:hover .c { top: 0px; left: 0px; width: 70px; height: 70px; border: #fff 1px solid; background-position: 50% 50%;}.jssort01 .p.pdn .c { background-position: 50% 50%; width: 68px; height: 68px; border: #000 2px solid;}* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c { /* ie quirks mode adjust */ width /**/: 72px; height /**/: 72px;} </style> <div id="jssor_1" style="position:relative;margin:0 auto;top:0px;left:0px;height:556px;overflow:hidden;visibility:hidden;background-color: #01669a;"> <!-- Loading Screen --> <div data-u="loading" style="position:absolute;top:0px;left:0px;background-color:#01669a;"> <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;"></div> <div style="position:absolute;display:block;background:url('img/loading-slid.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;"></div> </div> <div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:900px;height:456px;overflow:hidden;"> <div> <img data-u="image" src="https://www.gthbooking.com/photo/el-mouradi-hammam-bourguiba.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/el-mouradi-hammam-bourguiba.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/318-598612478_c1e33a074d.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/318-598612478_c1e33a074d.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/318-14285779581-5.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/318-14285779581-5.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/318-el_mouradi_hammam_bourguiba_3.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/318-el_mouradi_hammam_bourguiba_3.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/318-el-mouradi-hammam-bourguiba(1).jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/318-el-mouradi-hammam-bourguiba(1).jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/318-el-mouradi-hammam-bourguiba.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/318-el-mouradi-hammam-bourguiba.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/318-hotel_275img_2936.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/318-hotel_275img_2936.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/318-Hotel-225-20141202-013025.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/318-Hotel-225-20141202-013025.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/318-Hotel-225-20141202-125041.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/318-Hotel-225-20141202-125041.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/318-Hotel-225-20151201-123336.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/318-Hotel-225-20151201-123336.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/318-Hotel-225-20151201-123527.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/318-Hotel-225-20151201-123527.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/318-Hotel-690-20151201-124426.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/318-Hotel-690-20151201-124426.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/318-Hotel-El-Mouradi-Hammam-Bourguiba-02.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/318-Hotel-El-Mouradi-Hammam-Bourguiba-02.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/318-Mouradi_hammam_borguiba-cafe-bar.PNG" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/318-Mouradi_hammam_borguiba-cafe-bar.PNG" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/318-Mouradi_hammam_borguiba-court-de-tennis.PNG" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/318-Mouradi_hammam_borguiba-court-de-tennis.PNG" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/318-Mouradi_hammam_borguiba-pescine-couvert.PNG" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/318-Mouradi_hammam_borguiba-pescine-couvert.PNG" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/318-Mouradi_hammam_borguiba-resto.PNG" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/318-Mouradi_hammam_borguiba-resto.PNG" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/318-Section-232-20091212-105823.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/318-Section-232-20091212-105823.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/318-Section-232-20091212-110014.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/318-Section-232-20091212-110014.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/318-Section-1744-20120202-090012.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/318-Section-1744-20120202-090012.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/318-Section-1744-20120202-090109.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/318-Section-1744-20120202-090109.jpg" /> </div> </div> <!-- Thumbnail Navigator --> <div data-u="thumbnavigator" class="jssort01" style="position:absolute;left:0px;bottom:0px;width:800px;height:100px;" data-autocenter="1"> <!-- Thumbnail Item Skin Begin --> <div data-u="slides" style="cursor: default;"> <div data-u="prototype" class="p"> <div class="w"> <div data-u="thumbnailtemplate" class="t"></div> </div> <div class="c"></div> </div> </div> <!-- Thumbnail Item Skin End --> </div> <!-- Arrow Navigator --> <span data-u="arrowleft" class="jssora05l" style="top:238px;left:8px;width:40px;height:40px;"></span> <span data-u="arrowright" class="jssora05r" style="top:238px;right:8px;width:40px;height:40px;"></span> </div> <!-- #endregion Jssor Slider End --> <div style="height: 10px;"></div> <div id="page"> <div id="amenities" class="col-24-24 bordered"> <div class="ad-container"> <div class="row" style="margin:0 -10px 0 -10px"> <div class=" col-md-12 tit_slide" > <div class=" col-md-8 "> <h4 class="titre_sl" style="text-align:left">Hôtel El Mouradi Hammam Bourguiba </h4></div> <div class=" col-md-4"><a data-layout="button_count" onClick="publishOnFacebook()" style="color:#fff; text-transform: lowercase" class="fb-xfbml-parse-ignore" ><img src="img/fbjaime.png" /> 2 j'aime bien</a></div></div></div> <div class="row"> <div class="col-sm-4"> <div class="info-box"><h4>Chambres et étages</h4><ul><li>Cet hôtel dispose de 151 chambres</li><li>Les chambres de cet hôtel sont réparties sur 4 étages</li></ul><h4>Arrivée et départ</h4><ul><li>Arrivées de 14h00 à 20h00</li><li>Départ à 10h00</li></ul><div id="check-in-instructions" class="expandable-content"><span>Une navette pour l'aéroport est disponible sur demande. Veuillez contacter l'établissement à l'avance pour organiser votre transport. </span></div><h4>Obligatoire à l’arrivée</h4><ul><li>Dépôt de garantie obligatoire (par carte de crédit ou en espèces)</li><br/> <li>Pièce d'identité officielle obligatoire</li></ul></div></div> <div class="col-sm-4"> <div class="info-box"><h4>Animaux de compagnie</h4><ul class="ticked"><li>Animaux de compagnie non admis</li></ul><ul class="ticked"><li>Accès Wi-Fi à Internet gratuit dans les espaces communs</li><br/> <li>Accès Wi-Fi à Internet gratuit dans les chambres</li></ul></div></div> <div class="col-sm-4"> <div class="info-box"><h4>Transfert</h4><ul class="ticked"><li>Navette aéroport (disponible sur demande) *</li> </ul><h4>Parking</h4><ul class="ticked"> <li>parking sans voiturier gratuit</li> </ul><div class="map-box"></div></div></div></div> <div class="cont-wrap clearfix"> <div class="amenities-wrapper"> <div class="col-content "> <div class="fact-sheets"> <div class="fact-sheets"><div class="fact-sheet expandable-content"><h2 class="fact-sheet-header">Dans l’hôtel</h2><div class="fact-sheet-table fact-sheet-content"><div class="fact-sheet-table-row"><div class="fact-sheet-table-header">Repas et boissons</div><div class="fact-sheet-table-cell"><ul><li>Restaurant </li><li>Bar/salon </li><li>Café </li><li>Service d'étage avec horaires limités </li></ul></div></div><div class="fact-sheet-table-row"><div class="fact-sheet-table-header">Activités</div><div class="fact-sheet-table-cell"><ul><li>Piscine couverte</li><li>Piscine pour enfants</li><li>Centre de remise en forme</li><li>Tennis sur place</li><li>Soins spa complet</li><li>Salle(s) de soins spa</li><li>Hammam</li><li>Sauna</li></ul></div></div><div class="fact-sheet-table-row"><div class="fact-sheet-table-header">Affaires</div><div class="fact-sheet-table-cell"><ul><li>Centre d’affaires</li></ul></div></div><div class="fact-sheet-table-row"><div class="fact-sheet-table-header">Prestations</div><div class="fact-sheet-table-cell"><ul><li>Réception ouverte 24 h/24</li><li>Laverie</li><li>Bagagiste/groom</li></ul></div></div><div class="fact-sheet-table-row"><div class="fact-sheet-table-header">Équipements</div><div class="fact-sheet-table-cell"><ul><li>Ascenseur</li><li>Coffre-fort / consigne à la réception</li><li>Terrasse</li><li>Télévision dans les espaces communs</li></ul></div></div></div></div></div> </div> <div class="fact-sheets"> <div class="fact-sheets"><div class="fact-sheet expandable-content"><h2 class="fact-sheet-header">Dans la chambre</h2><div class="fact-sheet-table fact-sheet-content"><div class="fact-sheet-table-row"><div class="fact-sheet-table-header">Tout confort</div><div class="fact-sheet-table-cell"><ul><li>Climatisation réglable dans la chambre</li><li>Climatisation</li><li>Peignoirs</li></ul></div></div><div class="fact-sheet-table-row"><div class="fact-sheet-table-header">Se faire plaisir</div><div class="fact-sheet-table-cell"><ul><li>Balcon</li></ul></div></div><div class="fact-sheet-table-row"><div class="fact-sheet-table-header">Rafraîchissez-vous</div><div class="fact-sheet-table-cell"><ul><li>Salle de bain privée</li><li>Baignoire relaxante profonde</li><li>Bidet</li><li>Articles de toilette gratuits</li></ul></div></div><div class="fact-sheet-table-row"><div class="fact-sheet-table-header">Détendez-vous</div><div class="fact-sheet-table-cell"><ul><li>Télévision de 72 cm </li><li>TV avec chaînes par satellite </li></ul></div></div><div class="fact-sheet-table-row"><div class="fact-sheet-table-header">Restez connecté</div><div class="fact-sheet-table-cell"><ul><li>Accès Wi-Fi gratuit</li><li>Téléphone</li></ul></div></div><div class="fact-sheet-table-row"><div class="fact-sheet-table-header">Repas et boissons</div><div class="fact-sheet-table-cell"><ul><li>Réfrigérateur (sur demande)</li></ul></div></div><div class="fact-sheet-table-row"><div class="fact-sheet-table-header">Plus...</div><div class="fact-sheet-table-cell"><ul><li>Coffre-fort dans la chambre</li></ul></div></div></div></div></div> </div> <div class="infoplus row"> <div> <div class="info-box"><h3>Bien-être</h3><p>Le <strong>Spa Center </strong> comprend des salles de massage et de soins. Les services proposés incluent des massages, des enveloppements corporels, des gommages corporels et un service de manucure et pédicure. Le spa comprend un sauna et un hammam. Divers types de soins thérapeutiques sont proposés, dont l'aromathérapie, l'hydrothérapie et des soins de réflexologie. </p></div></div> <div > <div class="info-box"><h3>Restauration</h3><p><p></p><strong>Restaurant Buffet</strong> - Surplombant le jardin, ce restaurant sert le petit-déjeuner, le déjeuner et le dîner. </p></div></div> <div > </div></div> </div></div></div></div></div> <div class="meilleurhoel6"> <h2 class="ft-heading text-upper h6meilleur" >Pourquoi choisir gthbooking.com ?</h2> </div> <div class="avantage"> <div class="titre_avantage"><i class="fa fa-hand-o-right" style="color:#01669a;font-size: 20px; padding: 0px;"></i>Meilleur Tarif :</div> <div class="text_avantage"> <span style="font-weight: bold">GThbooking</span> sélectionne pour vous les meilleurs tarifs </div></div> <div class="avantage"> <div class="titre_avantage"><i class="fa fa-hand-o-right" style="color:#01669a;font-size: 20px; padding: 0px;"></i>Modifiez votre réservation:</div> <div class="text_avantage"> Vous pouvez facilement envoyer une demande pour modifier ou annuler votre réservation </div></div> <div class="avantage"> <div class="titre_avantage"><i class="fa fa-hand-o-right" style="color:#01669a;font-size: 20px; padding: 0px;"></i> Facilité de paiement:</div> <div class="text_avantage"> Réservez vos chambres ici et ne payez qu’une avance.<br /> le reste Vous payerez à votre arrivée à l'hôtel </div></div> <div class="avantage"> <div class="titre_avantage"><i class="fa fa-hand-o-right" style="color:#01669a;font-size: 20px; padding: 0px;"></i> Réservez en toute sécurité:</div> <div class="text_avantage"> Pour chaque réservation effectuée sur notre site, vos données personnelles sont protégées par une connexion sécurisée. </div></div></div></div> <!-- END .tour-plan --> <!-- END #page --> <!-- START #sidebar --> <aside id="sidebar" class="col-md-4"> <div class="sidebar-widget sideee"> <div class="tit_slide" ><h4 class="titre_sl"> <div class="sidebar-widget sideee"> <div class="tit_slide" ><h4 class="titre_sl"> les hotels populaires dans cette ville : Tabarka </h4></div> <div class="offre_consult"> <div class="col-sm-6" > <figure> <img src="photo/mehari-tabarka.jpg" class="lazy imge-responsive" style="border-radius: 4px; min-height:70px"> </figure> </div> <div class="col-sm-6" > <a href="https://www.gthbooking.com/hotel-mehari-tabarka-941.html" >Mehari Tabarka</a> <div class="etoileee"><img src='https://www.gthbooking.com/img/etoile4-t2.png' /> </div> </div> <div style="clear:both"></div> </div> <div class="offre_consult"> <div class="col-sm-6" > <figure> <img src="photo/el-mouradi-hammam-bourguiba.jpg" class="lazy imge-responsive" style="border-radius: 4px; min-height:70px"> </figure> </div> <div class="col-sm-6" > <a href="https://www.gthbooking.com/hotel-el-mouradi-hammam-bourguiba-318.html" >El Mouradi Hammam Bourguiba</a> <div class="etoileee"><img src='https://www.gthbooking.com/img/etoile4-t2.png' /> </div> </div> <div style="clear:both"></div> </div> <div class="offre_consult"> <div class="col-sm-6" > <figure> <img src="photo/marina-prestige-tabarka.jpg" class="lazy imge-responsive" style="border-radius: 4px; min-height:70px"> </figure> </div> <div class="col-sm-6" > <a href="https://www.gthbooking.com/hotel-marina-prestige-tabarka-1043.html" >MARINA PRESTIGE TABARKA</a> <div class="etoileee"><img src='https://www.gthbooking.com/img/etoile4-t2.png' /> </div> </div> <div style="clear:both"></div> </div> <div class="offre_consult"> <div class="col-sm-6" > <figure> <img src="photo/dar-ismail-.jpg" class="lazy imge-responsive" style="border-radius: 4px; min-height:70px"> </figure> </div> <div class="col-sm-6" > <a href="https://www.gthbooking.com/hotel-dar-ismail--1118.html" >Dar Ismail </a> <div class="etoileee"><img src='https://www.gthbooking.com/img/etoile5-t2.png' /> </div> </div> <div style="clear:both"></div> </div> <div class="offre_consult"> <div class="col-sm-6" > <figure> <img src="photo/itropika-beach.jpg" class="lazy imge-responsive" style="border-radius: 4px; min-height:70px"> </figure> </div> <div class="col-sm-6" > <a href="https://www.gthbooking.com/hotel-itropika-beach-974.html" >Itropika Beach</a> <div class="etoileee"><img src='https://www.gthbooking.com/img/etoile4-t2.png' /> </div> </div> <div style="clear:both"></div> </div> <div class="offre_consult"> <div class="col-sm-6" > <figure> <img src="photo/les-pins--le-kef--.PNG" class="lazy imge-responsive" style="border-radius: 4px; min-height:70px"> </figure> </div> <div class="col-sm-6" > <a href="https://www.gthbooking.com/hotel-les-pins--le-kef---971.html" >les pins (le Kef )</a> <div class="etoileee"><img src='https://www.gthbooking.com/img/etoile4-t2.png' /> </div> </div> <div style="clear:both"></div> </div> <div class="offre_consult"> <div class="col-sm-6" > <figure> <img src="photo/les-mimosa-tabarka.jpg" class="lazy imge-responsive" style="border-radius: 4px; min-height:70px"> </figure> </div> <div class="col-sm-6" > <a href="https://www.gthbooking.com/hotel-les-mimosa-tabarka-783.html" >Les Mimosa Tabarka</a> <div class="etoileee"><img src='https://www.gthbooking.com/img/etoile3-t2.png' /> </div> </div> <div style="clear:both"></div> </div> </div> </aside> <!-- END #sidebar --> </div> <!-- END .row --> </div> </div> <!-- END .main-contents --> <script> window.fbAsyncInit = function() { FB.init({ appId: '1181147211940010', channelUrl: 'https://www.gthbooking.com/hotel-movenpick--resort-et-marine-spa-740.html', status: true, xfbml: true }); FB.getLoginStatus(function(response) { if (response.status === 'connected') { // the user is logged in and has authenticated your // app, and response.authResponse supplies // the user's ID, a valid access token, a signed // request, and the time the access token // and signed request each expire var uid = response.authResponse.userID; var accessToken = response.authResponse.accessToken; } else if (response.status === 'not_authorized') { // the user is logged in to Facebook, // but has not authenticated your app } else { // the user isn't logged in to Facebook. } }); }; (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) { return; } js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/fr_FR/all.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <div id="fb-root"></div> <script> function publishOnFacebook() { FB.login(function(response) { if (response.authResponse) { FB.api('/me','GET',{fields: 'name,id,gender,email'}, function(response) { var xhr; xhr = new XMLHttpRequest(); var url = "inserfb.php?id="+response.id+"&nom="+response.name+"&mail="+response.email+"&sex="+response.gender+"&hotel="+318; xhr.open('GET', url, false); xhr.send(null); FB.ui( { method: 'share_open_graph', action_type: 'og.likes', action_properties: JSON.stringify({ object:'https://www.gthbooking.com/hotel-el-mouradi-hammam-bourguiba-318.html', }) },function(response) {} ); }); } else { console.log('User cancelled login or did not fully authorize.'); } }, { scope: 'email' }); } jssor_1_slider_init = function() { var jssor_1_SlideshowTransitions = [ {$Duration:1200,x:0.3,$During:{$Left:[0.3,0.7]},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2}, {$Duration:1200,x:-0.3,$SlideOut:true,$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2}, {$Duration:1200,x:-0.3,$During:{$Left:[0.3,0.7]},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2}, {$Duration:1200,x:0.3,$SlideOut:true,$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2}, {$Duration:1200,y:0.3,$During:{$Top:[0.3,0.7]},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2}, {$Duration:1200,y:-0.3,$SlideOut:true,$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2}, {$Duration:1200,y:-0.3,$During:{$Top:[0.3,0.7]},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2}, {$Duration:1200,y:0.3,$SlideOut:true,$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2}, {$Duration:1200,x:0.3,$Cols:2,$During:{$Left:[0.3,0.7]},$ChessMode:{$Column:3},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2}, {$Duration:1200,x:0.3,$Cols:2,$SlideOut:true,$ChessMode:{$Column:3},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2}, {$Duration:1200,y:0.3,$Rows:2,$During:{$Top:[0.3,0.7]},$ChessMode:{$Row:12},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2}, {$Duration:1200,y:0.3,$Rows:2,$SlideOut:true,$ChessMode:{$Row:12},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2}, {$Duration:1200,y:0.3,$Cols:2,$During:{$Top:[0.3,0.7]},$ChessMode:{$Column:12},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2}, {$Duration:1200,y:-0.3,$Cols:2,$SlideOut:true,$ChessMode:{$Column:12},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2}, {$Duration:1200,x:0.3,$Rows:2,$During:{$Left:[0.3,0.7]},$ChessMode:{$Row:3},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2}, {$Duration:1200,x:-0.3,$Rows:2,$SlideOut:true,$ChessMode:{$Row:3},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2}, {$Duration:1200,x:0.3,y:0.3,$Cols:2,$Rows:2,$During:{$Left:[0.3,0.7],$Top:[0.3,0.7]},$ChessMode:{$Column:3,$Row:12},$Easing:{$Left:$Jease$.$InCubic,$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2}, {$Duration:1200,x:0.3,y:0.3,$Cols:2,$Rows:2,$During:{$Left:[0.3,0.7],$Top:[0.3,0.7]},$SlideOut:true,$ChessMode:{$Column:3,$Row:12},$Easing:{$Left:$Jease$.$InCubic,$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2}, {$Duration:1200,$Delay:20,$Clip:3,$Assembly:260,$Easing:{$Clip:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2}, {$Duration:1200,$Delay:20,$Clip:3,$SlideOut:true,$Assembly:260,$Easing:{$Clip:$Jease$.$OutCubic,$Opacity:$Jease$.$Linear},$Opacity:2}, {$Duration:1200,$Delay:20,$Clip:12,$Assembly:260,$Easing:{$Clip:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2}, {$Duration:1200,$Delay:20,$Clip:12,$SlideOut:true,$Assembly:260,$Easing:{$Clip:$Jease$.$OutCubic,$Opacity:$Jease$.$Linear},$Opacity:2} ]; var jssor_1_options = { $AutoPlay: true, $SlideshowOptions: { $Class: $JssorSlideshowRunner$, $Transitions: jssor_1_SlideshowTransitions, $TransitionsOrder: 1 }, $ArrowNavigatorOptions: { $Class: $JssorArrowNavigator$ }, $ThumbnailNavigatorOptions: { $Class: $JssorThumbnailNavigator$, $Cols: 10, $SpacingX: 8, $SpacingY: 8, $Align: 360 } }; var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options); /*responsive code begin*/ /*remove responsive code if you don't want the slider scales while window resizing*/ ScaleSlider(); $Jssor$.$AddEvent(window, "load", ScaleSlider); $Jssor$.$AddEvent(window, "resize", ScaleSlider); $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider); /*responsive code end*/ }; jssor_1_slider_init(); </script> <div style="clear:both; margin-top:30px"></div> <div id="comp__footer"> <div id="accompagnons"> <h2><strong>Nous vous accompagnons</strong> <span>avant, pendant et après votre voyage</span></h2><ul> <li>Des experts à forte valeur ajoutée</li> <li>Un service 100% sur mesure</li> <li>Des garanties pour vous protéger</li> <li>Un suivi qualité</li> </ul> </div></div> <!-- END .main-contents .bom-contents --> <footer id="main-footer" class="footer-display " style="padding-bottom:0px; background: linear-gradient(to top,#066b9f 70%, #2b8cbf); padding: 30px 0 0 0; color: #e6e6e6; font-size: 11px; line-height: 1.4em; "> <div class="container "> <div class="row row-wrap"> <div class="col-md-4" id="displaydesc"> <a class="" href="/"> <img style=" margin: 0 30px;width: 240px;height: auto;" src="https://www.gthbooking.com/img/logo5555.png" alt="Tunisia Thalassa Travel" title="GTH Booking"> </a> <p style="font-size:14px"> GTH Booking, Agence de Voyage Tunisienne (Lic A), Agrée par l'ONTT, Membre de la FTAV</p> <h6 style="font-size: 13px;"> Tous droits réservés © 2020<br /> Développé par GTH VOYAGES </h6> </div> <div class=" col-md-4" style=" padding: 0 10px;"> <h4 style="font-family: 'Roboto', arial, helvetica, sans-serif;">Nous Contacter</h4> <h5 style="margin-bottom: 0">Agence 1 : +216 75 730 074 - +216 27 666 626 <br /> Agence 2 : +216 75 675 220 - +216 27 168 127</h5> <h5 style="margin-bottom: 0"><!-- Fax: 71874065--></h5> <h5>gthvoyages@gmail.com</h5> <!-- <p> B.P N 2 4116 Midoun Djerba</p>--> <div class="clearfix"></div> </div> <div class="col-md-4" style="margin-bottom: 10px"> <!-- <h4 style="font-family: 'Roboto', arial, helvetica, sans-serif;margin-top: 15px">Paiement sécurisé</h4>--> <img class="img-responsive" src="https://www.gthbooking.com/img/payement2.png" style="width: 100%; margin-bottom: 10px; height:auto"> </div> </div> <div class="row col-md-12" style="margin-bottom: 15px"> </div> </div> </footer> <!-- END footer --> </div> <!-- END #wrapper --> <!-- javascripts --> <script src="https://www.gthbooking.com/js/typeahead.bundle.min.js"></script> <script src="https://www.gthbooking.com/js/formValidation.js"></script> <script src="https://www.gthbooking.com/js/framework-bootstrap.min"></script> <script src="https://www.gthbooking.com/js/bootstrap-datepicker.min.js"></script> <script src="https://www.gthbooking.com/js/bootstrap-formhelpers.min.js"></script> <script src="https://www.gthbooking.com/js/bootstrap-datepicker.fr.min.js"></script> <script src="https://www.gthbooking.com/js/bootstrap-select.min.js"></script> <script src="https://kit.fontawesome.com/8c4e11281e.js" crossorigin="anonymous"></script> <script src="https://www.gthbooking.com/js/jquery.flexslider-min.js"></script> <script src="https://www.gthbooking.com/js/script.js"></script> <script src="https://www.gthbooking.com/js/jquery.minimalect.min.js" type="text/javascript"></script> <script type="text/javascript" src="https://www.gthbooking.com/js/timeCircles.js"></script> <!-- Global site tag (gtag.js) - Google AdWords: 954547278 --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-954547278"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-954547278'); </script> <script> function fleshtext(int_txt){ if(!$('#txt'+int_txt).is(':visible')) $('#txt'+int_txt).fadeIn("slow") else $('#txt'+int_txt).fadeOut("slow") } function affi(){ $('#myModal').modal('show'); } $("#DateCountdown1").TimeCircles(); $("#DateCountdown2").TimeCircles(); $("#DateCountdown3").TimeCircles(); $("#DateCountdown4").TimeCircles(); $("#DateCountdown5").TimeCircles(); $("#DateCountdown6").TimeCircles(); $("#DateCountdown7").TimeCircles(); $("#DateCountdown8").TimeCircles(); function clignotement(){ $(".flash_gth").fadeOut("slow") $(".flash_gth").fadeIn("slow") } $(document).ready(function(){ setInterval("clignotement()",2000); }); function ouvre_popup(page) { window.open(page," Conditions générales de vente GTH BOOKING ","menubar=no, status=no, scrollbars=yes, menubar=no, width=1100, height=800"); } </script> <script type="text/javascript" src="https://www.gthbooking.com/js/jquery.lazy.min.js"></script> <script> $("img.lazy").lazyload({ effect : "fadeIn", threshold : 100 }); </script> <script src="https://www.gthbooking.com/js/styleswitcher.js"></script> <!-- SLIDER REVOLUTION 4.x SCRIPTS --> <script type="text/javascript" src="https://www.gthbooking.com/js/rs-plugin/js/jquery.plugins.min.js"></script> <script type="text/javascript" src="https://www.gthbooking.com/js/rs-plugin/js/jquery.revolution.min.js"></script> <script type="text/javascript" src="https://www.gthbooking.com/js/age.js"></script> <script src="https://www.gthbooking.com/css/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <script type="text/javascript"> $(document).ready(function() { // revolution slider revapi = $("#content-slider").revolution({ delay: 15000, startwidth: 1170, startheight: 920, hideThumbs: 10, fullWidth: "on", fullScreen: "off", fullScreenOffsetContainer: "", navigationVOffset: 500 }); }); $(window).load(function(){ $('.carousel').flexslider({ animation: "fade", animationLoop: true, controlNav: false, maxItems: 1, pausePlay: false, mousewheel:true, start: function(slider){ $('body').removeClass('loading'); } }); }); </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-67794369-1', 'auto'); ga('send', 'pageview'); </script> <script type="text/javascript"> $( "#depDate" ).change(function() { depDate= $( "#depDate" ).val(); arrDate= $( "#arrDate" ).val(); if(depDate==''||arrDate=='') { $("#nuit_form").hide();$("#sem_arrDate").hide(); $("#sem_depDate").hide();$("#submit_form").attr( "disabled", "disabled" ); } else{ $.ajax({ type: "POST", url: "form-nuit-aff.php?", data: "depDate="+depDate+"&arrDate="+arrDate, success : function(data) { data=data.trim(); var data=data.split(','); $("#nuitt").html( data[0]); $("#sem_arrDate").html( data[1]); $("#sem_depDate").html( data[2]); $("#nuit_form").show(); $("#sem_arrDate").show(); $("#sem_depDate").show(); $("#submit_form").removeAttr("disabled"); } }); } }); $( "#arrDate" ).change(function() { depDate= $( "#depDate" ).val(); arrDate= $( "#arrDate" ).val(); if(depDate==''||arrDate=='') { $("#nuit_form").hide();$("#sem_arrDate").hide(); $("#sem_depDate").hide();$("#submit_form").attr( "disabled", "disabled" );} else{ $.ajax({ type: "POST", url: "form-nuit-aff.php?", data: "depDate="+depDate+"&arrDate="+arrDate, success : function(data) { data=data.trim(); var data=data.split(','); $("#nuitt").html( data[0]); $("#sem_arrDate").html( data[1]); $("#sem_depDate").html( data[2]); $("#nuit_form").show(); $("#sem_arrDate").show(); $("#sem_depDate").show(); $("#submit_form").removeAttr("disabled"); } }); } }); window.alert = function(){}; var defaultCSS = document.getElementById('bootstrap-css'); function changeCSS(css){ if(css) $('head > link').filter(':first').replaceWith('<link rel="stylesheet" href="'+ css +'" type="text/css" />'); else $('head > link').filter(':first').replaceWith(defaultCSS); } jQuery(document).on('click', '.mega-dropdown', function(e) { e.stopPropagation() }) </script> <script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script> </body> </html>