</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="383" 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"> Thalassa Mahdia aquapark</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/img/tobagan.png"> Toboggan</div><div style="margin-left:4px"><img src="https://www.gthbooking.com/"> pieds dans l'eau</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="383" /> <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="4 " /> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="pax_adulte(1)" name="adultes1" id="adultes1" > <option value="1" >1</option> <option value="2" selected>2</option> <option value="3" >3</option> <option value="4" >4</option> </select> </span> <span class="input-group-addon"><i class="fa fa-users" aria-hidden="true"></i></span> </div> </div> <div class="col-md-2 pax"> <label>Enfants</label> <div class="input-group typeahead-container condit"> <span class="twitter-typeahead" style="position: relative; display: block; "> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="age1(this.value)" name="enfants1" id="enfants1" > <option value="0" > 0</option> <option value="1" > 1</option> <option value="2" > 2</option> </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="4 " /> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="pax_adulte(2)" name="adultes2" id="adultes2" > <option value="0" >0</option> <option value="1" selected>1</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> </select> </span> <span class="input-group-addon"><i class="fa fa-users" aria-hidden="true"></i></span> </div> </div> <div class="col-md-2 pax"> <label>Enfants</label> <div class="input-group typeahead-container condit"> <span class="twitter-typeahead" style="position: relative; display: block; "> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="age2(this.value)" name="enfants2" id="enfants2" > <option value="0" > 0</option> <option value="1" > 1</option> <option value="2" > 2</option> </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="4 " /> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="pax_adulte(3)" name="adultes3" id="adultes3" > <option value="0" >0</option> <option value="1" selected>1</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> </select> </span> <span class="input-group-addon"><i class="fa fa-users" aria-hidden="true"></i></span> </div> </div> <div class="col-md-2 pax"> <label>Enfants</label> <div class="input-group typeahead-container condit"> <span class="twitter-typeahead" style="position: relative; display: block; "> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="age3(this.value)" name="enfants3" id="enfants3" > <option value="0" > 0</option> <option value="1" > 1</option> <option value="2" > 2</option> </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="4 " /> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="pax_adulte(4)" name="adultes4" id="adultes4" > <option value="0" >0</option> <option value="1" selected>1</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> </select> </span> <span class="input-group-addon"><i class="fa fa-users" aria-hidden="true"></i></span> </div> </div> <div class="col-md-2 pax"> <label>Enfants</label> <div class="input-group typeahead-container condit"> <span class="twitter-typeahead" style="position: relative; display: block; "> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="age4(this.value)" name="enfants4" id="enfants4" > <option value="0" > 0</option> <option value="1" > 1</option> <option value="2" > 2</option> </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="4 " /> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="pax_adulte(5)" name="adultes5" id="adultes5" > <option value="0" >0</option> <option value="1" selected>1</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> </select> </span> <span class="input-group-addon"><i class="fa fa-users" aria-hidden="true"></i></span> </div> </div> <div class="col-md-2 pax"> <label>Enfants</label> <div class="input-group typeahead-container condit"> <span class="twitter-typeahead" style="position: relative; display: block; "> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="age5(this.value)" name="enfants5" id="enfants5" > <option value="0" > 0</option> <option value="1" > 1</option> <option value="2" > 2</option> </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/thalassa-mahdia-aquapark.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/thalassa-mahdia-aquapark.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/383-1207478_67_z.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/383-1207478_67_z.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/383-1207478_74_z.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/383-1207478_74_z.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/383-1207478_81_z.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/383-1207478_81_z.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/383-1207478_93_z.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/383-1207478_93_z.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/383-1207478_98_z.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/383-1207478_98_z.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/383-1207478_100_z.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/383-1207478_100_z.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/383-1207478_127_z.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/383-1207478_127_z.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/383-bar.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/383-bar.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/383-images.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/383-images.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/383-img_2_81.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/383-img_2_81.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/383-mahdia_beach_3.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/383-mahdia_beach_3.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/383-Mahdia-Beach-chambre-11.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/383-Mahdia-Beach-chambre-11.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/383-Section-1590-20120206-041013.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/383-Section-1590-20120206-041013.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/383-thalassa-mahdia-room-double.20.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/383-thalassa-mahdia-room-double.20.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 Thalassa Mahdia aquapark </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" /> 4 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 233 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 14 h 00 à minuit</li><li>Départ à midi</li></ul><div id="check-in-instructions" class="expandable-content"><span>Une navette pour l'aéroport est disponible. Veuillez contacter l'établissement à l'avance pour organiser votre transport. </span></div><h4>Obligatoire à l’arrivée</h4><ul><li>Pièce d'identité officielle obligatoire</li><br/> <li>Dépôt de garantie obligatoire (par carte de crédit ou en espèces)</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><br/> <li>Pas de lits-bébé</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 dans les chambres *</li><br/> <li>Accès Wi-Fi à Internet dans les espaces communs *</li></ul></div></div> <div class="col-sm-4"> <div class="info-box"><h4>Transfert</h4><ul class="ticked"><li>Navette aéroport (disponible 24 h/24) *</li> </ul><h4>Parking</h4><ul class="ticked"> <li>parking sans voiturier gratuit</li> </ul><div class="map-box"></div><ul><li>Tout compris</li><li>Frais de séjour inclus</li></ul></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><li>Garde d'enfant / activités supervisées (gratuites)</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 gratuit tous les jours </li> <li>3 restaurants </li><li>2 bars/lounges </li><li>Snack bar / épicerie fine </li><li>Bar à la plage </li><li>Café à disposition dans les espaces communs </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>Transats de plage</li><li>Parasols de plage</li><li>Piscine couverte</li><li>Piscine extérieure ouverte en saison</li><li>Centre de remise en forme</li><li>Soins spa complet</li><li>Salle(s) de soins spa</li><li>Marina sur place</li><li>Serviettes de plage</li><li>Piscine pour enfants</li><li>Bain à remous</li><li>Transats de piscine</li><li>Hammam</li><li>Parasols à la piscine</li><li>Sauna</li><li>Salle d'arcade / de jeux vidéo</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>Une salle de réunion</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>Service de nettoyage à sec / blanchisserie</li><li>Laverie</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 - 1</li><li>Année de construction 2002</li><li>Ascenseur</li><li>Terrasse sur le toit</li><li>Jardin</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><li>Minibar</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>Articles de toilette gratuits</li></ul></div></div><div class="fact-sheet-table-row"><div class="fact-sheet-table-header">Détendez-vous</div><div class="fact-sheet-table-cell"><ul><li>TV avec chaînes par satellite </li></ul></div></div><div class="fact-sheet-table-row"><div class="fact-sheet-table-header">Restez connecté</div><div class="fact-sheet-table-cell"><ul><li>Accès Wi-Fi (en supplément)</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>Chambres communicantes/attenantes disponibles</li></ul></div></div></div></div></div> </div> <div class="infoplus row"> <div> <div class="info-box"><h3>Tout compris</h3><p>Cet hôtel est tout compris. Cela signifie que les repas et les boissons pris sur place sont inclus dans le prix de la chambre (certaines limitations peuvent être appliquées). </p></div></div> <div > <div class="info-box"><h3>Bien-être</h3><p>Le <strong>Royal Elyssa Thalasso Spa</strong> comprend des salles de massage et de soins. Les services proposés incluent des massages, des soins du visage, des enveloppements corporels et des gommages corporels. Le spa comprend un sauna, un bain à remous et un hammam. Divers types de soins thérapeutiques sont proposés, dont l'aromathérapie, des soins ayurvédiques et la thalassothérapie. </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 : Mahdia </h4></div> <div class="offre_consult"> <div class="col-sm-6" > <figure> <img src="photo/iberostar-royal-el-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-iberostar-royal-el-mansour-591.html" >Iberostar Royal El Mansour</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/thalassa-mahdia-aquapark.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-thalassa-mahdia-aquapark-383.html" >Thalassa Mahdia aquapark</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/nour-palace---thalasso.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-nour-palace---thalasso-382.html" >Nour Palace & thalasso</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/mahdia-palace-thalasso.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-mahdia-palace-thalasso-644.html" >Mahdia Palace Thalasso</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/el-borj.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-borj-909.html" >El Borj</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/el-mouradi-mahdia.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-mahdia-664.html" >El Mouradi Mahdia</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/thapsus-mahdia.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-thapsus-mahdia-380.html" >Thapsus Mahdia</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-cap-mahdia.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-cap-mahdia-663.html" >EL Mouradi Cap Mahdia</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/mahdia-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-mahdia-beach-715.html" >Mahdia 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/primasol-el-mehdi.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-primasol-el-mehdi-794.html" >Primasol El Mehdi</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="+383; 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-thalassa-mahdia-aquapark-383.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>