</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="982" 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"> Thabraca Thalasso </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> </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/"> magic life</div></div> </div></div> </section> <div class="col-sm-4" style=" text-align:center "> <h2>Excellent</h2><img src="https://www.gthbooking.com/img/3.5-34546-5.png" /> </div> </div> </section> </div> </div> </div> </div> <!-- END #page-header --> <!-- START .main-contents --> <!-- START .main-contents --> <div class="main-contents"> <div class="container" > <div class="row" style="margin-top:15px"> <!-- START #page --> <!-- END TAB CONTENT --> <div id="votre-selection" style='display:none'> <div class="meilleurhoel5"> <h2 class="ft-heading text-upper h4meilleur" >Récapitulatif de votre séjour</h2> </div> <div id="moteur" style="font-size:16px"> <i class="fa fa-calendar"></i>Arrivée : jeudi 01 janvier 1970 <i class="fa fa-clock-o"></i>Durée : <i class="fa fa-moon-o" aria-hidden="true"></i> <i class="fa fa-hotel"></i> chambres en : Adultes <div class=" modifier"><img src="https://www.gthbooking.com/img/modif_rech.png" onClick="modif_selection()"> </div> </div> </div> <div id="prixdispo" class="prixdispo" > <form name="step1h" id="step1h" autocomplete="off" method="get"> <input type="hidden" id="argname" value="" /> <input type="hidden" id="idh" value="982" /> <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="2 " /> <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> </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> </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="2 " /> <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> </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> </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="2 " /> <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> </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> </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="2 " /> <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> </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> </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="2 " /> <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> </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> </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/thabraca-thalasso-.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/thabraca-thalasso-.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/982-45b04-quadruple-jardin.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/982-45b04-quadruple-jardin.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/982-049a9-restaurant.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/982-049a9-restaurant.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/982-298-1405953840.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/982-298-1405953840.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/982-320-62a9fbf46084434e24ce644e926f7ea2.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/982-320-62a9fbf46084434e24ce644e926f7ea2.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/982-323-DARISTABARKA.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/982-323-DARISTABARKA.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/982-324-DARISMAILNOUR.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/982-324-DARISMAILNOUR.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/982-cadre-magnifique.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/982-cadre-magnifique.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/982-cadre-magnifique00..jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/982-cadre-magnifique00..jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/982-cadre-magnifique00.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/982-cadre-magnifique00.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/982-cadre-magnifique001.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/982-cadre-magnifique001.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/982-cadre-magnifique01.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/982-cadre-magnifique01.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/982-cadre-magnifique12.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/982-cadre-magnifique12.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/982-cadre-magnifique102.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/982-cadre-magnifique102.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/982-cadre-magnifique010110.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/982-cadre-magnifique010110.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/982-espace-piscine.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/982-espace-piscine.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/982-espace-piscine001...jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/982-espace-piscine001...jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/982-hotel..-thabraca.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/982-hotel..-thabraca.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/982-hotel-.thabraca1222.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/982-hotel-.thabraca1222.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/982-hotel-thabraca......jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/982-hotel-thabraca......jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/982-hotel-thabraca.....jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/982-hotel-thabraca.....jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/982-hotel-thabraca....jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/982-hotel-thabraca....jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/982-hotel-thabraca...jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/982-hotel-thabraca...jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/982-hotel-thabraca..jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/982-hotel-thabraca..jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/982-hotel-thabraca.0.0.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/982-hotel-thabraca.0.0.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/982-hotel-thabraca.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/982-hotel-thabraca.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/982-hotel-thabraca0...jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/982-hotel-thabraca0...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 Thabraca Thalasso </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 308 chambres</li><li>Les chambres de cet hôtel sont réparties sur 2 étages</li></ul><h4>Arrivée et départ</h4><p class="mvt3998-checkin"></p><ul><li>Arrivées à partir de 14 h 00</li><li>Départ à midi</li></ul><div id="check-in-instructions" class="expandable-content"><span>Le Thabraca Thalasso & Diving accepte uniquement les réservations pour les couples mariés et les familles. Tous les couples doivent présenter un certificat de mariage à l'arrivée. Pour en savoir plus, veuillez contacter l'établissement aux coordonnées figurant sur la confirmation de votre réservation.</span></div><h4>Obligatoire à l’arrivée</h4><ul><li>Dépôt de garantie obligatoire (par carte de crédit ou en espèces)</li><br/> <li>Pièce d'identité officielle obligatoire</li><br/> <li>Âge minimum pour effectuer l'enregistrement : 18 ans</li><br/> <li>Les couples souhaitant partager une chambre doivent présenter un certificat de mariage</li></ul></div></div> <div class="col-sm-4"> <div class="info-box"><h4>Enfants</h4><ul class="ticked"><li>Club enfants gratuit</li></ul><h4>Animaux de compagnie</h4><ul class="ticked"><li>Animaux de compagnie non admis</li></ul><ul class="ticked"><li>Accès Wi-Fi à Internet gratuit dans les espaces communs</li></ul></div></div> <div class="col-sm-4"> <div class="info-box"><h4>Parking</h4><ul class="ticked"> <li>Parking longue durée gratuit</li> <br/> <li>Parking à proximité 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 in-the-property-module"><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></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>2 restaurants </li><li>2 bars/lounges </li><li>Réception gratuite </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 extérieures - 2</li><li>Piscine couverte</li><li>Salle de fitness</li><li>Court de tennis extérieur</li><li>Soins spa complet</li><li>Aire de jeux sur place</li><li>Plongée sous-marine sur place</li><li>Parasols de plage</li><li>Piscine pour enfants</li><li>Centre de remise en forme</li><li>Transats de piscine</li><li>Parasols à la piscine</li><li>Table de billard</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>Salles de réunion 3</li><li>Centre de conférences</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>Services de concierge</li><li>Service de nettoyage à sec / blanchisserie</li><li>Salon de coiffure</li><li>Stockage des bagages</li><li>Personnel polyglotte</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 - 7</li><li>Ascenseur</li><li>Espaces fumeurs prévus</li><li>Jardin</li><li>Terrasse</li></ul></div></div></div></div></div> </div> <div class="fact-sheets"> <div class="fact-sheets in-the-room-module"><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></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>Rideaux opaques/occultants</li></ul></div></div><div class="fact-sheet-table-row"><div class="fact-sheet-table-header">Se faire plaisir</div><div class="fact-sheet-table-cell"><ul><li>Balcon</li></ul></div></div><div class="fact-sheet-table-row"><div class="fact-sheet-table-header">Rafraîchissez-vous</div><div class="fact-sheet-table-cell"><ul><li>Salle de bain privée</li><li>Douche uniquement</li><li>Articles de toilette gratuits</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 LCD </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>Téléphone</li></ul></div></div><div class="fact-sheet-table-row"><div class="fact-sheet-table-header">Repas et boissons</div><div class="fact-sheet-table-cell"><ul><li>Réfrigérateur</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></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 ce complexe. Les services proposés incluent des massages, des soins du visage, des enveloppements corporels et des gommages corporels. Le spa propose divers soins thérapeutiques, dont la thalassothérapie. Le spa comprend un sauna et un hammam. <p>Le spa est ouvert tous les jours. </p></p></div></div> <div > <div class="info-box"><h3>Restauration</h3><p><p></p><strong>Restaurant sur place</strong> - Ce restaurant propose des spécialités de la cuisine méditerranéenne et sert le déjeuner et le dîner. <br/> <p></p><strong>Restaurant n° 2</strong> - Ce restaurant buffet propose des spécialités local and international cuisine et sert le petit-déjeuner, le déjeuner et le dîner. </p></div></div> <div > </div></div> </div></div></div></div></div> <div class="meilleurhoel6"> <h2 class="ft-heading text-upper h6meilleur" >Pourquoi choisir gthbooking.com ?</h2> </div> <div class="avantage"> <div class="titre_avantage"><i class="fa fa-hand-o-right" style="color:#01669a;font-size: 20px; padding: 0px;"></i>Meilleur Tarif :</div> <div class="text_avantage"> <span style="font-weight: bold">GThbooking</span> sélectionne pour vous les meilleurs tarifs </div></div> <div class="avantage"> <div class="titre_avantage"><i class="fa fa-hand-o-right" style="color:#01669a;font-size: 20px; padding: 0px;"></i>Modifiez votre réservation:</div> <div class="text_avantage"> Vous pouvez facilement envoyer une demande pour modifier ou annuler votre réservation </div></div> <div class="avantage"> <div class="titre_avantage"><i class="fa fa-hand-o-right" style="color:#01669a;font-size: 20px; padding: 0px;"></i> Facilité de paiement:</div> <div class="text_avantage"> Réservez vos chambres ici et ne payez qu’une avance.<br /> le reste Vous payerez à votre arrivée à l'hôtel </div></div> <div class="avantage"> <div class="titre_avantage"><i class="fa fa-hand-o-right" style="color:#01669a;font-size: 20px; padding: 0px;"></i> Réservez en toute sécurité:</div> <div class="text_avantage"> Pour chaque réservation effectuée sur notre site, vos données personnelles sont protégées par une connexion sécurisée. </div></div></div></div> <!-- END .tour-plan --> <!-- END #page --> <!-- START #sidebar --> <aside id="sidebar" class="col-md-4"> <div class="sidebar-widget sideee"> <div class="tit_slide" ><h4 class="titre_sl"> <div class="sidebar-widget sideee"> <div class="tit_slide" ><h4 class="titre_sl"> les hotels populaires dans cette ville : Tabarka </h4></div> <div class="offre_consult"> <div class="col-sm-6" > <figure> <img src="photo/mehari-tabarka.jpg" class="lazy imge-responsive" style="border-radius: 4px; min-height:70px"> </figure> </div> <div class="col-sm-6" > <a href="https://www.gthbooking.com/hotel-mehari-tabarka-941.html" >Mehari Tabarka</a> <div class="etoileee"><img src='https://www.gthbooking.com/img/etoile4-t2.png' /> </div> </div> <div style="clear:both"></div> </div> <div class="offre_consult"> <div class="col-sm-6" > <figure> <img src="photo/el-mouradi-hammam-bourguiba.jpg" class="lazy imge-responsive" style="border-radius: 4px; min-height:70px"> </figure> </div> <div class="col-sm-6" > <a href="https://www.gthbooking.com/hotel-el-mouradi-hammam-bourguiba-318.html" >El Mouradi Hammam Bourguiba</a> <div class="etoileee"><img src='https://www.gthbooking.com/img/etoile4-t2.png' /> </div> </div> <div style="clear:both"></div> </div> <div class="offre_consult"> <div class="col-sm-6" > <figure> <img src="photo/marina-prestige-tabarka.jpg" class="lazy imge-responsive" style="border-radius: 4px; min-height:70px"> </figure> </div> <div class="col-sm-6" > <a href="https://www.gthbooking.com/hotel-marina-prestige-tabarka-1043.html" >MARINA PRESTIGE TABARKA</a> <div class="etoileee"><img src='https://www.gthbooking.com/img/etoile4-t2.png' /> </div> </div> <div style="clear:both"></div> </div> <div class="offre_consult"> <div class="col-sm-6" > <figure> <img src="photo/dar-ismail-.jpg" class="lazy imge-responsive" style="border-radius: 4px; min-height:70px"> </figure> </div> <div class="col-sm-6" > <a href="https://www.gthbooking.com/hotel-dar-ismail--1118.html" >Dar Ismail </a> <div class="etoileee"><img src='https://www.gthbooking.com/img/etoile5-t2.png' /> </div> </div> <div style="clear:both"></div> </div> <div class="offre_consult"> <div class="col-sm-6" > <figure> <img src="photo/itropika-beach.jpg" class="lazy imge-responsive" style="border-radius: 4px; min-height:70px"> </figure> </div> <div class="col-sm-6" > <a href="https://www.gthbooking.com/hotel-itropika-beach-974.html" >Itropika Beach</a> <div class="etoileee"><img src='https://www.gthbooking.com/img/etoile4-t2.png' /> </div> </div> <div style="clear:both"></div> </div> <div class="offre_consult"> <div class="col-sm-6" > <figure> <img src="photo/les-pins--le-kef--.PNG" class="lazy imge-responsive" style="border-radius: 4px; min-height:70px"> </figure> </div> <div class="col-sm-6" > <a href="https://www.gthbooking.com/hotel-les-pins--le-kef---971.html" >les pins (le Kef )</a> <div class="etoileee"><img src='https://www.gthbooking.com/img/etoile4-t2.png' /> </div> </div> <div style="clear:both"></div> </div> <div class="offre_consult"> <div class="col-sm-6" > <figure> <img src="photo/les-mimosa-tabarka.jpg" class="lazy imge-responsive" style="border-radius: 4px; min-height:70px"> </figure> </div> <div class="col-sm-6" > <a href="https://www.gthbooking.com/hotel-les-mimosa-tabarka-783.html" >Les Mimosa Tabarka</a> <div class="etoileee"><img src='https://www.gthbooking.com/img/etoile3-t2.png' /> </div> </div> <div style="clear:both"></div> </div> </div> </aside> <!-- END #sidebar --> </div> <!-- END .row --> </div> </div> <!-- END .main-contents --> <script> window.fbAsyncInit = function() { FB.init({ appId: '1181147211940010', channelUrl: 'https://www.gthbooking.com/hotel-movenpick--resort-et-marine-spa-740.html', status: true, xfbml: true }); FB.getLoginStatus(function(response) { if (response.status === 'connected') { // the user is logged in and has authenticated your // app, and response.authResponse supplies // the user's ID, a valid access token, a signed // request, and the time the access token // and signed request each expire var uid = response.authResponse.userID; var accessToken = response.authResponse.accessToken; } else if (response.status === 'not_authorized') { // the user is logged in to Facebook, // but has not authenticated your app } else { // the user isn't logged in to Facebook. } }); }; (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) { return; } js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/fr_FR/all.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <div id="fb-root"></div> <script> function publishOnFacebook() { FB.login(function(response) { if (response.authResponse) { FB.api('/me','GET',{fields: 'name,id,gender,email'}, function(response) { var xhr; xhr = new XMLHttpRequest(); var url = "inserfb.php?id="+response.id+"&nom="+response.name+"&mail="+response.email+"&sex="+response.gender+"&hotel="+982; 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-thabraca-thalasso--982.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>