</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="710" 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"> Djerba Plaza</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">Zone Touristique - BP 79</span>, <span class="locality">Midoun, Djerba Island 4116, </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 style="margin-left:4px"><img src="https://www.gthbooking.com/"> Voyage de noces</div></div> </div></div> </section> <div class="col-sm-4" style=" text-align:center "> <h2>Excellent</h2><img src="https://www.gthbooking.com/img/4.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="710" /> <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/djerba-plaza.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/djerba-plaza.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/710-_0a03.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/710-_0a03.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/710-_0a02.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/710-_0a02.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/710-_0a04.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/710-_0a04.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/710-_0a05.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/710-_0a05.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/710-_0a07.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/710-_0a07.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/710-5fe744fc_z.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/710-5fe744fc_z.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/710-6cc714c1_z.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/710-6cc714c1_z.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/710-9124_14_z.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/710-9124_14_z.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/710-9124_22_z.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/710-9124_22_z.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/710-9124_23_z.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/710-9124_23_z.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/710-9124_42_z.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/710-9124_42_z.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/710-9124_44_z.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/710-9124_44_z.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/710-hotel-djerba-plaza-midoun-023.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/710-hotel-djerba-plaza-midoun-023.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 Djerba Plaza </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" /> 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 299 chambres</li><li>Les chambres de cet hôtel sont réparties sur 3 étages</li></ul><h4>Arrivée et départ</h4><ul><li>Arrivées de 14h30 à midi</li><li>Départ à 11h30</li></ul><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><br/> <li>Selon la législation locale, les couples non mariées ne peuvent partager une chambre </li></ul></div></div> <div class="col-sm-4"> <div class="info-box"><h4>Enfants</h4><ul class="ticked"><li>Garde d'enfants *</li><br/> <li>Club enfants gratuit</li></ul><h4>Animaux de compagnie</h4><ul class="ticked"><li>Animaux de compagnie et animaux d'assistance non admis</li></ul><ul class="ticked"><li>Accès Wi-Fi à Internet gratuit dans les espaces communs</li></ul></div></div> <div class="col-sm-4"> <div class="info-box"><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">Vous partez avec vos enfants ?</div><div class="fact-sheet-table-cell"><ul><li>Club pour enfants (gratuit)</li><li>Garde d'enfant / activités supervisées (en supplément)</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>Petit-déjeuner buffet gratuit tous les jours </li><li>3 restaurants </li><li>2 bars/lounges </li><li>2 bars en bord de piscine </li><li>2 cafés </li><li>Bar à la plage </li><li>Service d'étage avec horaires limités </li><li>Barbecue </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>Sur une plage privée</li><li>Transats de plage</li><li>Nombre de piscines couvertes - 2</li><li>Piscine extérieure</li><li>Salle de fitness</li><li>Courts de tennis extérieur 6</li><li>Soins spa complet</li><li>Sauna</li><li>Boîte de nuit</li><li>Parasols de plage</li><li>Piscine pour enfants</li><li>Tennis sur place</li><li>Serviettes de plage</li><li>Salle d'arcade / de jeux vidéo</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><li>Nombre de salles de réunion - 2</li><li>Espace de conférence</li><li>Salles de réunion 3</li><li>Surface de l'espace de conférence (pieds) - 2691</li><li>Surface de l'espace de conférence (mètres) - 250</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>Assistance pour visites/billets</li><li>Service de limousine ou berline disponible</li><li>Laverie</li><li>Salon de coiffure</li><li>Stockage des bagages</li><li>Personnel polyglotte</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>Nombre de bâtiments/tours - 1</li><li>Année de construction 1992</li><li>Ascenseur</li><li>Distributeur de billets / services bancaires</li><li>Espaces fumeurs prévus</li><li>Terrasse sur le toit</li><li>Jardin</li><li>Télévision dans les espaces communs</li></ul></div></div><div class="fact-sheet-table-row"><div class="fact-sheet-table-header">Accessibilité</div><div class="fact-sheet-table-cell"><ul><li>Salle de bain accessible aux personnes à mobilité réduite</li><li>Accessibilité de la chambre aux personnes à mobilité réduite</li><li>Douche accessible en fauteuil roulant</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>Minibar</li><li>Peignoirs</li></ul></div></div><div class="fact-sheet-table-row"><div class="fact-sheet-table-header">Dormez bien</div><div class="fact-sheet-table-cell"><ul><li>Taille du canapé-lit une place</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 ou patio</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>Douche uniquement</li><li>Articles de toilette de luxe</li><li>Sèche-cheveux</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 à écran plasma </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>Bureau</li><li>Téléphone</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>Service de ménage quotidien</li><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>Vous pouvez savourer un moment de détente et de douceur grâce à la gamme complète de soins proposés dans le spa de cet hôtel. Les services proposés incluent des massages, des soins du visage et des soins corporels. Divers soins thérapeutiques sont proposés, dont l'hydrothérapie et des soins de réflexologie. Le spa comprend un hammam. <p>Le spa est ouvert certains jours. </p></p></div></div> <div > <div class="info-box"><h3>Divertissements</h3><h4>Sur place</h4><ul><li>Salle de fitness</li><li>Courts de tennis extérieur 6</li><li>Sauna</li><li>Tennis sur place</li><li>Cours de fitness sur place</li><li>Location de vélos sur place</li><li>Équitation / promenades à cheval sur place</li><li>Scooters des mers sur place - à proximité</li><li>Aire de jeux sur place</li><li>Racquetball/squash sur place</li><li>Location de scooter/mobylette sur place</li><li>Volley-ball sur place</li></ul><h4>À proximité</h4><ul><li>Cours de golf à proximité</li><li>Golf à proximité</li><li>Kayak à proximité</li><li>Parachutisme ascensionnel à proximité</li><li>Plongée sous-marine à proximité</li><li>Parachutisme à proximité</li><li>Plongée avec tuba à proximité</li><li>Ski nautique à proximité</li><li>Planche à voile à proximité</li></ul></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 : Djerba </h4></div> <div class="offre_consult"> <div class="col-sm-6" > <figure> <img src="photo/iberostar-mehari-djerba.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-iberostar-mehari-djerba-572.html" >Iberostar Mehari Djerba</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/-welcome-meridiana-djerba.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--welcome-meridiana-djerba-711.html" > Welcome Meridiana Djerba</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/-djerba-sun-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--djerba-sun-beach-419.html" > Djerba Sun BEACH</a> <div class="etoileee"><img src='https://www.gthbooking.com/img/etoile3-t2.png' /> </div> </div> <div style="clear:both"></div> </div> <div class="offre_consult"> <div class="col-sm-6" > <figure> <img src="photo/hotel-iris-djerba.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-hotel-iris-djerba-478.html" >Hotel Iris Djerba</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/sidi-mansour.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-sidi-mansour-640.html" >Sidi Mansour</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/baya-beach-aqua-park.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-baya-beach-aqua-park-769.html" >BAYA BEACH AQUA PARK</a> <div class="etoileee"><img src='https://www.gthbooking.com/img/etoile3-t2.png' /> </div> </div> <div style="clear:both"></div> </div> <div class="offre_consult"> <div class="col-sm-6" > <figure> <img src="photo/vincci-helios-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-vincci-helios-beach--723.html" >Vincci Helios 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/djerba-aqua-resort.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-djerba-aqua-resort-428.html" >djerba AQUA RESORT</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/joya-paradise.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-joya-paradise-379.html" >Joya Paradise</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/djerba-holiday-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-djerba-holiday-beach--573.html" >Djerba Holiday 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/el-mouradi-djerba-menzel-.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-djerba-menzel--712.html" >El Mouradi Djerba Menzel </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/the-ksar-djerba.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-the-ksar-djerba-990.html" >THE KSAR DJERBA</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/djerba-plaza.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-djerba-plaza-710.html" >Djerba Plaza</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/seabel-rym-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-seabel-rym-beach-356.html" >Seabel Rym 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/palm-azur-.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-palm-azur--721.html" >palm azur </a> <div class="etoileee"><img src='https://www.gthbooking.com/img/etoile4-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="+710; 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-djerba-plaza-710.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>