</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> <p>Tunis, tunisie</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> <script> $(function () { $window.scroll(function () { if ($window.scrollTop()>792) { if($("#pub").attr('class')!="fix_d") { //$("#pub").attr('class', 'fix_d'); $( "#pub" ).removeClass( "fix_d2" ).addClass( "fix_d" ); } } if ($window.scrollTop()<592) { if($("#pub").attr('class')!="fix_d2") { //$("#pub").toggleClass("fix_d2"); $( "#pub" ).removeClass( "fix_d" ).addClass( "fix_d2" ); } } if($window.scrollTop()==0 ) { if($("#pub").attr('class')!="fix_d2") { //$("#pub").toggleClass("fix_d2"); $( "#pub" ).removeClass( "fix_d" ).addClass( "fix_d2" ); } } }); }); var $window = $(window); $(document).ready(function() { $('.fis .more').hide(); $('a.aff').click(function() { var more = $('.aff .more'); if (more.is(':hidden')) { $('.fis .more').fadeOut('slow', function(){ more.fadeIn('slow'); }); var body = $("html, body"); body.stop().animate({scrollTop:0}, '500', 'swing', function() { }); } return false; }); $('a.fis').click(function() { var more = $('.fis .more'); if (more.is(':hidden')) { $('.aff .more').fadeOut('slow', function(){ more.fadeIn('slow'); }); } return false; }) }); $(document).ready(function() { // any code goes here $(function(){ $('#overlay').show("slow"); // $('.popup').show("slow"); $('#wrapper').show("slow"); }); var x = setTimeout(function() { $('#overlay').hide(1000); $('.popup').hide(1000); $('#wrapper').show(); },3000); }); </script> <script> //---------------------Datepicker--------------------- $('#arrDate').datepicker({ clearBtn: true, language: "fr", autoclose: true, todayHighlight: true, toggleActive: true, startDate: '-0d', format: 'dd/mm/yyyy', keyboardNavigation: false }).on('changeDate', function(ev){ try{ d = $.fn.datepicker.DPGlobal; var d1 = new Date(); var d2 = new Date(); var dateData = $('#arrDate').val(); d1 = d.parseDate(dateData, 'dd/mm/yyyy'); d1.setDate(d1.getDate() +1); d2 = d1; $('#depDate').datepicker('setStartDate', d2); $('#depDate').datepicker('update', d2); $('#searchForm').formValidation('revalidateField', 'arrDate'); $('#searchForm').formValidation('revalidateField', 'depDate'); }catch (e) {} }); $('#depDate').datepicker({ clearBtn: true, language: "fr", autoclose: true, todayHighlight: true, toggleActive: true, startDate: '+1d', format: 'dd/mm/yyyy', keyboardNavigation: false }).on('changeDate', function(ev){ try{ d = $.fn.datepicker.DPGlobal; var d1 = new Date(); var d2 = new Date(); d1 = d.parseDate($('#arrDate').val(), 'dd/mm/yyyy'); d2 = d.parseDate($('#depDate').val(), 'dd/mm/yyyy'); $('#searchForm').formValidation('revalidateField', 'depDate'); }catch (e) {} }); </script> <style> #wrapper { display: none }#EmplacementDeMaCarte { height: 100%; } </style> <!-- START #page-header --> <div id="header-banner"> <div class="banner-overlay"> <div class="container"> <!-- START .tour-plan --> <!-- START .tour-plan --> <div id="form_viid" > <form class="plan-tour form_index colortxt form_back" name="searchForm" method="POST" id="searchForm" action="https://www.gthbooking.com/resultat.php?id=201171871de9d169e2d29dfd9a192294"> <input type="hidden" id="max_pax" value="0" /> <div class="plan-banner"><span>Trouvez</span><h4>votre <span>Hôtel</span></h4></div> <div class="top-fields "> <div class="row"> <div class=" col-md-3 side"> <label for="ville" class="hidden-xs"><strong><span class="">Votre</span> destination</strong></label> <div class="input-group typeahead-container condit"> <span class="twitter-typeahead" style="position: relative; display: block;"> <select name="ville" id="ville" class="selectpicker show-tick form-control" tabindex="-98" style=" font-size: 1.3em;"> <optgroup label="Top Destinations"> <option value="35" > Djerba</option> <option value="38" > Hammamet</option> <option value="40" > Mahdia</option> <option value="42" > Monastir</option> <option value="45" > Sousse</option> <option value="50" > Zarzis</option> </optgroup> <optgroup label="Autre Destinations"> <option value="49" > Tunis</option> <option value="72" > el jem</option> <option value="73" > kairouan</option> <option value="56" > Nabeul</option> <option value="62" > Tozeur</option> <option value="63" > Douz</option> <option value="64" > sfax</option> <option value="67" > Tabarka</option> <option value="69" > Tataouine</option> <option value="71" > Gabes</option> <option value="70" > Bizerte</option> </optgroup> </select> </span> <span class="input-group-addon "><i class="fa fa-map-marker "></i></span> </div> <small class="help-block" data-fv-validator="notEmpty" data-fv-for="locality" data-fv-result="NOT_VALIDATED" style="display: none;">Veuillez remplir ce champs</small></div> <div class=" col-md-3 col-sm-3 side"> <div class=" "> <label><strong>Date d'arrivée : <span id="sem_arrDate"></span></strong></label> <label class="input-group input-group-md" for="arrDate"> <input type="text" placeholder="jj/mm/aaaa" class="form-control" name="arrDate" id="arrDate" data-fv-field="arrDate" readonly required="required" ><span class="input-group-addon"><i class="fa fa-calendar"></i></span> </label> <small class="help-block colortxt" data-fv-validator="notEmpty" data-fv-for="arrDate" data-fv-result="NOT_VALIDATED" style="display: none;">Veuillez remplir ce champs</small><small class="help-block" data-fv-validator="date" data-fv-for="arrDate" data-fv-result="NOT_VALIDATED" style="display: none;">Date invalide</small> </div> </div> <div class=" col-md-3 col-sm-3 side"> <div class=""> <label for="depDate"><strong>Date de départ : <span id="sem_depDate"></span></strong></label> <label class="input-group input-group-md" for="depDate"><input type="text" placeholder="jj/mm/aaaa" readonly="readonly" class="form-control" name="depDate" id="depDate" required="required" data-fv-field="depDate"><span class="input-group-addon"><i class="fa fa-calendar"></i></span></label> <small class="help-block colortxt" data-fv-validator="notEmpty" data-fv-for="depDate" data-fv-result="NOT_VALIDATED" style="display: none;">Veuillez remplir ce champs</small><small class="help-block" data-fv-validator="date" data-fv-for="depDate" data-fv-result="NOT_VALIDATED" style="display: none;">Date invalide</small></div> </div> <div class=" col-md-1 noshowxx" style=" padding-top:25px" > <span class="widget-query-num-nights" id="nuit_form" style='display:none' ><span id="nuitt"> </span> </span> </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)"> <option value="1" >1 Chambre</option> <option value="2" >2 Chambres</option> <option value="3" >3 Chambres</option> <option value="4" >4 Chambres</option> <option value="5" >5 Chambres</option> </select> </div> <div class="input-field select col-md-10"> <div id="disp1" style=" "> <div class="col-md-2"><label style="padding-top: 30px;">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; "> <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> <option value="4" >4</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> <option value="2" > 2</option> <option value="3" > 3</option> </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" >(Bébé)</option> <option value="2" >2ans</option> <option value="3" >3ans</option> <option value="4" >4ans</option> <option value="5" >5ans</option> <option value="6" selected >6ans</option> <option value="7" >7ans</option> <option value="8" >8ans</option> <option value="9" >9ans</option> <option value="10" >10ans</option> <option value="11" >11ans</option> <option value="12" >12ans</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" >(Bébé)</option> <option value="2" >2ans</option> <option value="3" >3ans</option> <option value="4" >4ans</option> <option value="5" >5ans</option> <option value="6" selected >6ans</option> <option value="7" >7ans</option> <option value="8" >8ans</option> <option value="9" >9ans</option> <option value="10" >10ans</option> <option value="11" >11ans</option> <option value="12" >12ans</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" >(Bébé)</option> <option value="2" >2ans</option> <option value="3" >3ans</option> <option value="4" >4ans</option> <option value="5" >5ans</option> <option value="6" selected >6ans</option> <option value="7" >7ans</option> <option value="8" >8ans</option> <option value="9" >9ans</option> <option value="10" >10ans</option> <option value="11" >11ans</option> <option value="12" >12ans</option> </select> </div> <div style="clear:both"></div> </div> <div id="disp2" style=" display:none "> <div class="col-md-2"><label style="padding-top: 30px;">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; "> <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> <option value="4" >4</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> <option value="2" > 2</option> <option value="3" > 3</option> </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" >(Bébé)</option> <option value="2" >2ans</option> <option value="3" >3ans</option> <option value="4" >4ans</option> <option value="5" >5ans</option> <option value="6" selected >6ans</option> <option value="7" >7ans</option> <option value="8" >8ans</option> <option value="9" >9ans</option> <option value="10" >10ans</option> <option value="11" >11ans</option> <option value="12" >12ans</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" >(Bébé)</option> <option value="2" >2ans</option> <option value="3" >3ans</option> <option value="4" >4ans</option> <option value="5" >5ans</option> <option value="6" selected >6ans</option> <option value="7" >7ans</option> <option value="8" >8ans</option> <option value="9" >9ans</option> <option value="10" >10ans</option> <option value="11" >11ans</option> <option value="12" >12ans</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" >(Bébé)</option> <option value="2" >2ans</option> <option value="3" >3ans</option> <option value="4" >4ans</option> <option value="5" >5ans</option> <option value="6" selected >6ans</option> <option value="7" >7ans</option> <option value="8" >8ans</option> <option value="9" >9ans</option> <option value="10" >10ans</option> <option value="11" >11ans</option> <option value="12" >12ans</option> </select> </div> <div style="clear:both"></div> </div> <div id="disp3" style=" display:none "> <div class="col-md-2"><label style="padding-top: 30px;">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; "> <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> <option value="4" >4</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> <option value="2" > 2</option> <option value="3" > 3</option> </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" >(Bébé)</option> <option value="2" >2ans</option> <option value="3" >3ans</option> <option value="4" >4ans</option> <option value="5" >5ans</option> <option value="6" selected >6ans</option> <option value="7" >7ans</option> <option value="8" >8ans</option> <option value="9" >9ans</option> <option value="10" >10ans</option> <option value="11" >11ans</option> <option value="12" >12ans</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" >(Bébé)</option> <option value="2" >2ans</option> <option value="3" >3ans</option> <option value="4" >4ans</option> <option value="5" >5ans</option> <option value="6" selected >6ans</option> <option value="7" >7ans</option> <option value="8" >8ans</option> <option value="9" >9ans</option> <option value="10" >10ans</option> <option value="11" >11ans</option> <option value="12" >12ans</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" >(Bébé)</option> <option value="2" >2ans</option> <option value="3" >3ans</option> <option value="4" >4ans</option> <option value="5" >5ans</option> <option value="6" selected >6ans</option> <option value="7" >7ans</option> <option value="8" >8ans</option> <option value="9" >9ans</option> <option value="10" >10ans</option> <option value="11" >11ans</option> <option value="12" >12ans</option> </select> </div> <div style="clear:both"></div> </div> <div id="disp4" style=" display:none "> <div class="col-md-2"><label style="padding-top: 30px;">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; "> <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> <option value="4" >4</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> <option value="2" > 2</option> <option value="3" > 3</option> </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" >(Bébé)</option> <option value="2" >2ans</option> <option value="3" >3ans</option> <option value="4" >4ans</option> <option value="5" >5ans</option> <option value="6" selected >6ans</option> <option value="7" >7ans</option> <option value="8" >8ans</option> <option value="9" >9ans</option> <option value="10" >10ans</option> <option value="11" >11ans</option> <option value="12" >12ans</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" >(Bébé)</option> <option value="2" >2ans</option> <option value="3" >3ans</option> <option value="4" >4ans</option> <option value="5" >5ans</option> <option value="6" selected >6ans</option> <option value="7" >7ans</option> <option value="8" >8ans</option> <option value="9" >9ans</option> <option value="10" >10ans</option> <option value="11" >11ans</option> <option value="12" >12ans</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" >(Bébé)</option> <option value="2" >2ans</option> <option value="3" >3ans</option> <option value="4" >4ans</option> <option value="5" >5ans</option> <option value="6" selected >6ans</option> <option value="7" >7ans</option> <option value="8" >8ans</option> <option value="9" >9ans</option> <option value="10" >10ans</option> <option value="11" >11ans</option> <option value="12" >12ans</option> </select> </div> <div style="clear:both"></div> </div> <div id="disp5" style=" display:none "> <div class="col-md-2"><label style="padding-top: 30px;">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; "> <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> <option value="4" >4</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> <option value="2" > 2</option> <option value="3" > 3</option> </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" >(Bébé)</option> <option value="2" >2ans</option> <option value="3" >3ans</option> <option value="4" >4ans</option> <option value="5" >5ans</option> <option value="6" selected >6ans</option> <option value="7" >7ans</option> <option value="8" >8ans</option> <option value="9" >9ans</option> <option value="10" >10ans</option> <option value="11" >11ans</option> <option value="12" >12ans</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" >(Bébé)</option> <option value="2" >2ans</option> <option value="3" >3ans</option> <option value="4" >4ans</option> <option value="5" >5ans</option> <option value="6" selected >6ans</option> <option value="7" >7ans</option> <option value="8" >8ans</option> <option value="9" >9ans</option> <option value="10" >10ans</option> <option value="11" >11ans</option> <option value="12" >12ans</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" >(Bébé)</option> <option value="2" >2ans</option> <option value="3" >3ans</option> <option value="4" >4ans</option> <option value="5" >5ans</option> <option value="6" selected >6ans</option> <option value="7" >7ans</option> <option value="8" >8ans</option> <option value="9" >9ans</option> <option value="10" >10ans</option> <option value="11" >11ans</option> <option value="12" >12ans</option> </select> </div> <div style="clear:both"></div> </div> </div> </div> <div class="submit-btn col-md-6 col-md-12"> </div> <div class="col-md-6 col-md-12"> <button id="submit_form" type="submit" class="btn btn-primary btn-responsive" style="width:100%; font-weight:bold"><i class="fa fa-search" aria-hidden="true"></i> Recherche</button> </div> </div> </form> </div> <!-- END .tour-plan --> </div> </div> </div> <!-- START .main-contents --> <div class="main-contents" > <div class="container"> <div class="row"> <!-- START #sidebar --> <!-- END #sidebar --> <!-- START #sidebar --> <aside id="sidebar" class="col-md-3"> <div class="sidebar-widget sideee" > <div class="tit_slide" > <h4 class="titre_sl"> les hotels populaires dans cette ville : Tunis </h4> </div> </div> <div id="pub" class="fix_d2"> <a href="http://www.gthbooking.com/demande-de-groupe.html"> <img src="https://www.gthbooking.com/img/voyage_groupe_gth.jpg" title="Voyage en groupe tunisie" /></a> <a href="https://www.gthbooking.com/omra-djerba-tunisie.html"> <img src="http://www.gthbooking.com/img/voyage_omra_gth.jpg" title="omra confort tunisie 2016" /></a> </div> </aside> <!-- END #sidebar --> <div class="col-md-9" > <div class="row"> <div class="meilleurhoel4"> <h2 class="ft-heading text-upper h3meilleur" > Tunis: Découvrez les meilleurs hôtels</h2> </div> <div > <div class="col-md-3"> <div class="gth_descrip"> <div id="actGallery" class="story storyActivites"> <div class="aff"> <div class="activehotel" >Nous avons 0 établissements disponibles à Tunis</div> <div class="activehotel" style="font-size:14px"> <span>Vous recherchez des offres pour ?<br> Consultez les tarifs et les hébergements pour :</span> <hr> <button type="button" class="btn btn-info" style="width:100%; margin-bottom:10px" > Ce Soir <br> <span style="font-size:10px">10-02-2017<i class="fa fa-long-arrow-right" aria-hidden="true"></i>1-02-2017</span></button> <button type="button" class="btn btn-success" style="width:100%; margin-bottom:10px" > Semaine Prochaine <br> <span style="font-size:10px">10-02-2017<i class="fa fa-long-arrow-right" aria-hidden="true"></i>1-02-2017</span></button> <button type="button" class="btn btn-primary " style="width:100%; margin-bottom:10px" > Cette weekend <br> <span style="font-size:10px">10-02-2017<i class="fa fa-long-arrow-right" aria-hidden="true"></i>1-02-2017</span></button> <button type="button" class="btn btn-warning" style="width:100%; margin-bottom:10px" > weekend Prochaine<br> <span style="font-size:10px">10-02-2017<i class="fa fa-long-arrow-right" aria-hidden="true"></i>1-02-2017</span></button> </div> </div> </div> </div> </div> <div class="col-md-9" style=" height:400px; "> <div id="EmplacementDeMaCarte"></div> <script> var infowindow = null; $(document).ready(function () { initialize(); }); function initialize() { var centerMap = new google.maps.LatLng(, ); var myOptions = { zoom: 15, center: centerMap, streetViewControl: false, scrollwheel: false, navigationControl: false, mapTypeControl: false, scaleControl: false, keyboardShortcuts: false, mapTypeId: google.maps.MapTypeId.ROADMAP, styles: [ { "featureType": "poi", "stylers": [ { "visibility": "off" } ] } ] } var map = new google.maps.Map(document.getElementById("EmplacementDeMaCarte"), myOptions); setMarkers(map, sites); infowindow = new google.maps.InfoWindow({ content: "loading..." }); var bikeLayer = new google.maps.BicyclingLayer(); bikeLayer.setMap(map); } var sites = [ ]; function setMarkers(map, markers) { for (var i = 0; i < markers.length; i++) { var sites = markers[i]; var siteLatLng = new google.maps.LatLng(sites[1], sites[2]); var marker = new google.maps.Marker({ position: siteLatLng, map: map, title: sites[0], zIndex: sites[3], html: sites[4], icon:{ labelOrigin: new google.maps.Point(11, 50), url: 'http://ortambo-airport.com/images/map-icon-blue.svg', size: new google.maps.Size(32, 37), origin: new google.maps.Point(0, 0), anchor: new google.maps.Point(11, 40), }, label: { color: '#000', fontWeight: '', //text: sites[4], }, }); var contentString = "Some content"; google.maps.event.addListener(marker, "click", function () { infowindow.setContent(this.html); infowindow.open(map, this); }); } } </script> <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCanlEI_6JPcLaDLpGeseiZvOGbzBJE_90&callback=initialize&sensor=false"></script> </div> </div> <div class="gth_descrip"> <div id="actGallery" class="story storyActivites"> <div class="aff"> <div class="more"> <p><h2>Votre hôtels pas cher Tunis</h2><p style='margin: 0px 0px 0.5em; padding: 0px; font-size: 14px; line-height: 20px;'>En réservant votre hôtel Tunis sur ghbooking.com, vous bénéficiez des meilleurs tarifs possibles. Ces prix sont négociés par gthbooking.com sur l'ensemble des chambre d'hotel Tunis que [......] <div style="padding-top:20px; text-align:right"> <a href="#" class="fis"><img src="img/lasuite.jpg" /></a> </div></p> </div> </div> <div class="fis"> <div class="more"> <div id="txt2" class="visib"><h2>Votre hôtels pas cher Tunis</h2><p style='margin: 0px 0px 0.5em; padding: 0px; font-size: 14px; line-height: 20px;'>En réservant votre hôtel Tunis sur ghbooking.com, vous bénéficiez des meilleurs tarifs possibles. Ces prix sont négociés par gthbooking.com sur l'ensemble des chambre d'hotel Tunis que nous vous proposons. C'est ainsi que nous pouvons vous proposer des nuits d'hotels Gammarth pas chères, aussi bien avec les hotels indépendants qu'avec les hotels de chaînes. Que vous recherchiez un hotel classique Gammarth, un hotel branché Gammarth, un hotel spa Gammarth, un hotel pas cher Gammarth ou un hotel de luxe Gammarth, vous le trouverez sur notre site !</p><h2 style='margin: 1em 0px 0.5em; padding: 0px; line-height: 1.167em; '>Découvrez notre large sélection d’hotel Tunis à petit prix</h2><p style='margin: 0px 0px 0.5em; padding: 0px; font-size: 14px; line-height:20px;'>Consultez notre catalogue mettant en avant des milliers d'hotels aux meilleur prix à travers le monde entier ! Notre moteur de recherche hotel, vous permettra de comparer les prix des hotels Tunis et trouver l’hotel Tunis pas cher qui vous convient et bénéficier de promos hotels exclusifs. Vous pouvez ainsi réserver votre chambre d’hotel pas cher à Tunis en connaissance </p><div><br></div><br /> Avec <b>GTH BOOKING</b> vous trouverez une présélection d’hôtels constituée de nos hôtels favoris pour vous garantir un choix sans faille. Recherchez votre hôtel parmi notre large sélection d’hôtels de charme, d’hôtels de luxe ou d’hôtels pas cher allant de l’hôtel 2* aux plus beaux établissements de luxe 5*. </div> <div style="padding-top:20px; text-align:right"> <a href="#" class="aff"><img src="img/masquer.jpg" /></a> </div></div> </div> </div> </div> <div id="resul" > </div> <div class="clearfix"></div> </div> </div> </div> </div> </div> <!-- END .main-contents --> <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>