</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> <!-- START #main-slider --> <div id="main-slider"> <div id="content-slider"> <ul> <!-- START Slide 1 --> <li data-transition="fade" data-slotamount="5" data-masterspeed="700"> <img src="https://www.gthbooking.com/photo/-voyage-famille.jpg " alt="Découvrez les destinations idéales " data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat" /> <!-- LAYER NR. 1 --> <div class="caption caption-yellow sft stt headline text-upper" data-x="20" data-y="220" data-speed="600" data-start="2000" data-easing="Power3.easeOut" data-endspeed="400" data-endeasing="Power4.easeIn" data-captionhidden="off" style="z-index:6;font-size:18px;">Où partir en vacances en famille ? </div> <!-- LAYER NR. 2 --> <div class="caption caption-white sfr stl slider-heading text-upper" data-x="20" data-y="255" data-speed="1000" data-start="1800" data-easing="Power2.easeOut" data-endspeed="600" data-endeasing="Power3.easeIn" data-captionhidden="off" style="z-index:6;font-size:40px; ">Découvrez les destinations idéales </div> <!-- LAYER NR. 3 --> <div class="caption caption-black sfb stb headline text-upper" data-x="20" data-y="333" data-speed="600" data-start="1500" data-easing="Power4.easeOut" data-endspeed="500" data-endeasing="Power1.easeIn" data-captionhidden="off" style="z-index:6; font-size:16px">pour prendre des vacances avec les enfants </div> </li> <!-- END Slide 1 --> <!-- START Slide 1 --> <li data-transition="fade" data-slotamount="5" data-masterspeed="700"> <img src="https://www.gthbooking.com/photo/1065.jpg " alt="برمج و كلمنا و خلي الباقي علينا " data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat" /> <!-- LAYER NR. 1 --> <div class="caption caption-yellow sft stt headline text-upper" data-x="20" data-y="220" data-speed="600" data-start="2000" data-easing="Power3.easeOut" data-endspeed="400" data-endeasing="Power4.easeIn" data-captionhidden="off" style="z-index:6;font-size:18px;">وقيت تفرهيدة </div> <!-- LAYER NR. 2 --> <div class="caption caption-white sfr stl slider-heading text-upper" data-x="20" data-y="255" data-speed="1000" data-start="1800" data-easing="Power2.easeOut" data-endspeed="600" data-endeasing="Power3.easeIn" data-captionhidden="off" style="z-index:6;font-size:40px; ">برمج و كلمنا و خلي الباقي علينا </div> <!-- LAYER NR. 3 --> </li> <!-- END Slide 1 --> </ul> </div> <div id="slider-overlay"></div> </div> <!-- END #main-slider --> <!-- START .main-contents --> <div class="main-contents"> <div class="container" id="home-page"> <!-- 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=33c87a4e553fb02ed3c292706c4c678b"> <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 style="clear:both"></div> <div class="row"> <div class="meilleurhoel4"> <h2 class="ft-heading text-upper h3meilleur" >Promo - Hotel Tunisie</h2> </div> <div id="resul" > <div class=" col-md-4" style=" padding-right: 0; padding-left: 0;"> <div class="offre"> <div class="region"> <span class="loc-hotel" style="font-size:0.8em"><i class="fa fa-map-marker"></i><i> Tunis </i> </span> </div> <div class="photo"> <div style=" position:absolute; z-index:99; top:40%; left:30%; font-size:1.5em; color:#fff; background:rgba(0, 0, 0,0.5); padding:10px "> Promo 10 % </div><img src="photo/le-pacha-.jpg" class="lazy " style="border-radius: 4px;"></div> <div class="titre"> le Pacha <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> <div class="descriptif"> <div style=" font-size: 10pt; font-weight: bolder; padding-bottom:4px; "> Réservez tôt et payez moins cher </div> Réservez votre séjour <strong>avant le 01 janvier <br> </strong> et bénéficiez de notre Promotion <br> de <strong>10% de réduction </strong>sur votre séjour </div> <!-- descriptif --> <div style="font-size:14px; margin :5px; color:#428BCA"> <i class="fa fa-eye" aria-hidden="true"></i> pers déjà partis </div> <div class="reservee"> <a href="http://www.gthbooking.com/hotel-le-pacha--592.html"> + de détails </a> </div> </div> </div> <div class=" col-md-4" style=" padding-right: 0; padding-left: 0;"> <div class="offre"> <div class="region"> <span class="loc-hotel" style="font-size:0.8em"><i class="fa fa-map-marker"></i><i> Djerba </i> </span> </div> <div class="photo"> <div style=" position:absolute; z-index:99; top:40%; left:30%; font-size:1.5em; color:#fff; background:rgba(0, 0, 0,0.5); padding:10px "> A partir de 63 <sup class="tnd"> TND </sup> </div><img src="photo/-welcome-meridiana-djerba.jpg" class="lazy " style="border-radius: 4px;"></div> <div class="titre"> Welcome Meridiana Djerba <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> <div class="descriptif"> <div style=" font-size: 10pt; font-weight: bolder; padding-bottom:4px; "> Réservez tôt et payez moins cher </div> Réservez votre séjour <strong>avant le 01 janvier <br> </strong> et bénéficiez de notre Promotion <br> </div> <!-- descriptif --> <div style="font-size:14px; margin :5px; color:#428BCA"> <i class="fa fa-eye" aria-hidden="true"></i> pers déjà partis </div> <div class="reservee"> <a href="http://www.gthbooking.com/hotel--welcome-meridiana-djerba-711.html"> + de détails </a> </div> </div> </div> <div class=" col-md-4" style=" padding-right: 0; padding-left: 0;"> <div class="offre"> <div class="region"> <span class="loc-hotel" style="font-size:0.8em"><i class="fa fa-map-marker"></i><i> Djerba </i> </span> </div> <div class="photo"> <div style=" position:absolute; z-index:99; top:40%; left:30%; font-size:1.5em; color:#fff; background:rgba(0, 0, 0,0.5); padding:10px "> Promo 20 % </div><img src="photo/radisson-blu-palace-resort-et-thalasso-djerba.jpg" class="lazy " style="border-radius: 4px;"></div> <div class="titre"> Radisson Blu Palace Resort et Thalasso Djerba <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><i class="fa fa-star" aria-hidden="true"></i> </div> <div class="descriptif"> <div style=" font-size: 10pt; font-weight: bolder; padding-bottom:4px; "> Réservez tôt et payez moins cher </div> Réservez votre séjour <strong>avant le 01 janvier <br> </strong> et bénéficiez de notre Promotion <br> de <strong>20% de réduction </strong>sur votre séjour </div> <!-- descriptif --> <div style="font-size:14px; margin :5px; color:#428BCA"> <i class="fa fa-eye" aria-hidden="true"></i> pers déjà partis </div> <div class="reservee"> <a href="http://www.gthbooking.com/hotel-radisson-blu-palace-resort-et-thalasso-djerba-1111.html"> + de détails </a> </div> </div> </div> <div class=" col-md-4" style=" padding-right: 0; padding-left: 0;"> <div class="offre"> <div class="region"> <span class="loc-hotel" style="font-size:0.8em"><i class="fa fa-map-marker"></i><i> Sousse </i> </span> </div> <div class="photo"> <div style=" position:absolute; z-index:99; top:40%; left:30%; font-size:1.5em; color:#fff; background:rgba(0, 0, 0,0.5); padding:10px "> Promo 15 % </div><img src="photo/sousse-palace---spa-.jpg" class="lazy " style="border-radius: 4px;"></div> <div class="titre"> Sousse Palace & SPA <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><i class="fa fa-star" aria-hidden="true"></i> </div> <div class="descriptif"> <div style=" font-size: 10pt; font-weight: bolder; padding-bottom:4px; "> Réservez tôt et payez moins cher </div> Réservez votre séjour <strong>avant le 01 janvier <br> </strong> et bénéficiez de notre Promotion <br> de <strong>15% de réduction </strong>sur votre séjour </div> <!-- descriptif --> <div style="font-size:14px; margin :5px; color:#428BCA"> <i class="fa fa-eye" aria-hidden="true"></i> pers déjà partis </div> <div class="reservee"> <a href="http://www.gthbooking.com/hotel-sousse-palace---spa--604.html"> + de détails </a> </div> </div> </div> <div class=" col-md-4" style=" padding-right: 0; padding-left: 0;"> <div class="offre"> <div class="region"> <span class="loc-hotel" style="font-size:0.8em"><i class="fa fa-map-marker"></i><i> Djerba </i> </span> </div> <div class="photo"> <div style=" position:absolute; z-index:99; top:40%; left:30%; font-size:1.5em; color:#fff; background:rgba(0, 0, 0,0.5); padding:10px "> Promo 25 % </div><img src="photo/572-221874156.jpg" class="lazy " style="border-radius: 4px;"></div> <div class="titre"> Iberostar Mehari Djerba <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> <div class="descriptif"> <div style=" font-size: 10pt; font-weight: bolder; padding-bottom:4px; "> Réservez tôt et payez moins cher </div> Réservez votre séjour <strong>avant le 01 janvier <br> </strong> et bénéficiez de notre Promotion <br> de <strong>25% de réduction </strong>sur votre séjour </div> <!-- descriptif --> <div style="font-size:14px; margin :5px; color:#428BCA"> <i class="fa fa-eye" aria-hidden="true"></i> pers déjà partis </div> <div class="reservee"> <a href="http://www.gthbooking.com/hotel-iberostar-mehari-djerba-572.html"> + de détails </a> </div> </div> </div> <div class=" col-md-4" style=" padding-right: 0; padding-left: 0;"> <div class="offre"> <div class="region"> <span class="loc-hotel" style="font-size:0.8em"><i class="fa fa-map-marker"></i><i> Hammamet </i> </span> </div> <div class="photo"> <div style=" position:absolute; z-index:99; top:40%; left:30%; font-size:1.5em; color:#fff; background:rgba(0, 0, 0,0.5); padding:10px "> Promo 25 % </div><img src="photo/iberostar-averroes.jpg" class="lazy " style="border-radius: 4px;"></div> <div class="titre"> Iberostar Averroes <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> <div class="descriptif"> <div style=" font-size: 10pt; font-weight: bolder; padding-bottom:4px; "> Réservez tôt et payez moins cher </div> Réservez votre séjour <strong>avant le 01 janvier <br> </strong> et bénéficiez de notre Promotion <br> de <strong>25% de réduction </strong>sur votre séjour </div> <!-- descriptif --> <div style="font-size:14px; margin :5px; color:#428BCA"> <i class="fa fa-eye" aria-hidden="true"></i> pers déjà partis </div> <div class="reservee"> <a href="http://www.gthbooking.com/hotel-iberostar-averroes-569.html"> + de détails </a> </div> </div> </div> <div class=" col-md-4" style=" padding-right: 0; padding-left: 0;"> <div class="offre"> <div class="region"> <span class="loc-hotel" style="font-size:0.8em"><i class="fa fa-map-marker"></i><i> Sousse </i> </span> </div> <div class="photo"> <div style=" position:absolute; z-index:99; top:40%; left:30%; font-size:1.5em; color:#fff; background:rgba(0, 0, 0,0.5); padding:10px "> A partir de 52 <sup class="tnd"> TND </sup> </div><img src="photo/el-kantaoui-center-.jpg" class="lazy " style="border-radius: 4px;"></div> <div class="titre"> EL Kantaoui Center <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> <div class="descriptif"> <div style=" font-size: 10pt; font-weight: bolder; padding-bottom:4px; "> Réservez tôt et payez moins cher </div> Réservez votre séjour <strong>avant le 01 janvier <br> </strong> et bénéficiez de notre Promotion <br> </div> <!-- descriptif --> <div style="font-size:14px; margin :5px; color:#428BCA"> <i class="fa fa-eye" aria-hidden="true"></i> pers déjà partis </div> <div class="reservee"> <a href="http://www.gthbooking.com/hotel-el-kantaoui-center--346.html"> + de détails </a> </div> </div> </div> </div> <div class="clearfix"></div> </div></div></div> <!-- END .main-contents .bom-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>