</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="568" 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"> Medina Solaria & 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> <i class="fa fa-star" aria-hidden="true"></i> <div style="color:#fff; margin-top:15px "> <span class="loc-hotel"><i class="fa fa-map-marker"></i><i> <span class="format_address"><span class="street-address">Rue de la Medina</span> | <span class="extended-address">Yasmine Hammamet</span>, <span class="locality">Hammamet 8056, </span><span class="country-name">Tunisie</span> </span></i></span> <!-- <span class="loc-hotel distances">| 14.00 Km jusqu'au centre ville <i class="fa fa fa-plane"></i> 20.00 Km Aréropot</span>--> <div class="row"> <div class="col-sm-6"><div style="margin-left:4px"><img src="https://www.gthbooking.com/"> Bien être / SPA</div></div> </div></div> </section> <div class="col-sm-4" style=" text-align:center "> <h2>Excellent</h2><img src="https://www.gthbooking.com/img/4.0-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="568" /> <div id="moteur"> <div class="input-daterange"> <div class="row"> <div class="col-md-4 col-sm-4 col-xs-12"> <label for="input1">Date arrivée</label> <div class="input-group input-group-md"> <label class="input-group input-group-md date" for="arrDate"><span id="basic-addon1" class="input-group-addon"><i class="fa fa-calendar"></i></span> <input type="text" aria-describedby="basic-addon1" style="text-align:left" placeholder="jj/mm/aaaa" value="" required="" onchange="arg()" readonly="readonly" class="form-control" name="arrDate" id="arrDate" data-bv-field="arrDate"></label> </div> <small class="help-block" data-bv-validator="notEmpty" data-bv-for="arrDate" data-bv-result="VALID" style="display: none;">ce champs est obligatoire</small><small class="help-block" data-bv-validator="date" data-bv-for="arrDate" data-bv-result="VALID" style="display: none;">Date invalide</small></div> <div class="col-md-4 col-sm-4 col-xs-12"> <label for="input2">Date départ</label> <div class="input-group input-group-md"> <label class="input-group input-group-md date" for="depDate"><span id="basic-addon1" class="input-group-addon"><i class="fa fa-calendar"></i></span> <input type="text" aria-describedby="basic-addon1" style="text-align:left" placeholder="jj/mm/aaaa" readonly="readonly" value="" required="" onchange="arg()" class="form-control" name="depDate" id="depDate" data-bv-field="depDate"></label> </div> <small class="help-block" data-bv-validator="notEmpty" data-bv-for="depDate" data-bv-result="VALID" style="display: none;">ce champs est obligatoire</small><small class="help-block" data-bv-validator="date" data-bv-for="depDate" data-bv-result="VALID" style="display: none;">Date invalide</small></div> <div class="col-md-4 col-sm-4 col-xs-12" > <label for="input2">Arrangement</label> <div class="input-group typeahead-container condit"> <div id="arrg" style="display:none"></div> <span class="twitter-typeahead" style="position: relative; display: block;"> <select required="" name="arrang" style="-webkit-appearance: none;" id="arrang" class="selectpicker show-tick form-control" tabindex="-98" > </select> </span> <span class="input-group-addon"><i class="fa fa-hotel"></i></span> </div> <small class="help-block" data-bv-validator="notEmpty" data-bv-for="arrang" style="display: none;">ce champs est obligatoire</small></div> </div> <div class="row"> <div class="input-field select col-md-2 "> <label >Chambre (s) :</label> <select name="chambre" class="selecto" onChange="afficher_masquer_select(this.value)" id="select_ch"> <option value="1" >1</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> </select> </div> <div class="input-field select col-md-10"> <div id="disp1" style=" "> <div class="chambnorm"><label>Chambre 1 </label></div> <div class="col-md-2 pax"> <label>Adultes </label> <div class="input-group typeahead-container condit"> <span class="twitter-typeahead" style="position: relative; display: block; "> <input type="hidden" id="max_pax" value="3 " /> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="pax_adulte(1)" name="adultes1" id="adultes1" > <option value="1" >1</option> <option value="2" selected>2</option> <option value="3" >3</option> </select> </span> <span class="input-group-addon"><i class="fa fa-users" aria-hidden="true"></i></span> </div> </div> <div class="col-md-2 pax"> <label>Enfants</label> <div class="input-group typeahead-container condit"> <span class="twitter-typeahead" style="position: relative; display: block; "> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="age1(this.value)" name="enfants1" id="enfants1" > <option value="0" > 0</option> <option value="1" > 1</option> </select> </select> </span> <span class="input-group-addon"><i class="fa fa-child" aria-hidden="true"></i></span> </div> </div> <div class="col-md-2 pax"style="display:none" id="age11"> <label>Age 1</label> <select class="form-control" name="age11" id="age1_1"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div class="col-md-2 pax"style="display:none" id="age12"> <label>Age 2</label> <select class="form-control" name="age12" id="age1_2"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div class="col-md-2 pax"style="display:none" id="age13"> <label>Age 3</label> <select class="form-control" name="age13" id="age1_3"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div style="clear:both"></div> </div> <div id="disp2" style=" display:none "> <div class="chambnorm"><label>Chambre 2 </label></div> <div class="col-md-2 pax"> <label>Adultes </label> <div class="input-group typeahead-container condit"> <span class="twitter-typeahead" style="position: relative; display: block; "> <input type="hidden" id="max_pax" value="3 " /> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="pax_adulte(2)" name="adultes2" id="adultes2" > <option value="0" >0</option> <option value="1" selected>1</option> <option value="2" >2</option> <option value="3" >3</option> </select> </span> <span class="input-group-addon"><i class="fa fa-users" aria-hidden="true"></i></span> </div> </div> <div class="col-md-2 pax"> <label>Enfants</label> <div class="input-group typeahead-container condit"> <span class="twitter-typeahead" style="position: relative; display: block; "> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="age2(this.value)" name="enfants2" id="enfants2" > <option value="0" > 0</option> <option value="1" > 1</option> </select> </select> </span> <span class="input-group-addon"><i class="fa fa-child" aria-hidden="true"></i></span> </div> </div> <div class="col-md-2 pax"style="display:none" id="age21"> <label>Age 1</label> <select class="form-control" name="age21" id="age2_1"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div class="col-md-2 pax"style="display:none" id="age22"> <label>Age 2</label> <select class="form-control" name="age22" id="age2_2"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div class="col-md-2 pax"style="display:none" id="age23"> <label>Age 3</label> <select class="form-control" name="age23" id="age2_3"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div style="clear:both"></div> </div> <div id="disp3" style=" display:none "> <div class="chambnorm"><label>Chambre 3 </label></div> <div class="col-md-2 pax"> <label>Adultes </label> <div class="input-group typeahead-container condit"> <span class="twitter-typeahead" style="position: relative; display: block; "> <input type="hidden" id="max_pax" value="3 " /> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="pax_adulte(3)" name="adultes3" id="adultes3" > <option value="0" >0</option> <option value="1" selected>1</option> <option value="2" >2</option> <option value="3" >3</option> </select> </span> <span class="input-group-addon"><i class="fa fa-users" aria-hidden="true"></i></span> </div> </div> <div class="col-md-2 pax"> <label>Enfants</label> <div class="input-group typeahead-container condit"> <span class="twitter-typeahead" style="position: relative; display: block; "> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="age3(this.value)" name="enfants3" id="enfants3" > <option value="0" > 0</option> <option value="1" > 1</option> </select> </select> </span> <span class="input-group-addon"><i class="fa fa-child" aria-hidden="true"></i></span> </div> </div> <div class="col-md-2 pax"style="display:none" id="age31"> <label>Age 1</label> <select class="form-control" name="age31" id="age3_1"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div class="col-md-2 pax"style="display:none" id="age32"> <label>Age 2</label> <select class="form-control" name="age32" id="age3_2"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div class="col-md-2 pax"style="display:none" id="age33"> <label>Age 3</label> <select class="form-control" name="age33" id="age3_3"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div style="clear:both"></div> </div> <div id="disp4" style=" display:none "> <div class="chambnorm"><label>Chambre 4 </label></div> <div class="col-md-2 pax"> <label>Adultes </label> <div class="input-group typeahead-container condit"> <span class="twitter-typeahead" style="position: relative; display: block; "> <input type="hidden" id="max_pax" value="3 " /> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="pax_adulte(4)" name="adultes4" id="adultes4" > <option value="0" >0</option> <option value="1" selected>1</option> <option value="2" >2</option> <option value="3" >3</option> </select> </span> <span class="input-group-addon"><i class="fa fa-users" aria-hidden="true"></i></span> </div> </div> <div class="col-md-2 pax"> <label>Enfants</label> <div class="input-group typeahead-container condit"> <span class="twitter-typeahead" style="position: relative; display: block; "> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="age4(this.value)" name="enfants4" id="enfants4" > <option value="0" > 0</option> <option value="1" > 1</option> </select> </select> </span> <span class="input-group-addon"><i class="fa fa-child" aria-hidden="true"></i></span> </div> </div> <div class="col-md-2 pax"style="display:none" id="age41"> <label>Age 1</label> <select class="form-control" name="age41" id="age4_1"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div class="col-md-2 pax"style="display:none" id="age42"> <label>Age 2</label> <select class="form-control" name="age42" id="age4_2"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div class="col-md-2 pax"style="display:none" id="age43"> <label>Age 3</label> <select class="form-control" name="age43" id="age4_3"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div style="clear:both"></div> </div> <div id="disp5" style=" display:none "> <div class="chambnorm"><label>Chambre 5 </label></div> <div class="col-md-2 pax"> <label>Adultes </label> <div class="input-group typeahead-container condit"> <span class="twitter-typeahead" style="position: relative; display: block; "> <input type="hidden" id="max_pax" value="3 " /> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="pax_adulte(5)" name="adultes5" id="adultes5" > <option value="0" >0</option> <option value="1" selected>1</option> <option value="2" >2</option> <option value="3" >3</option> </select> </span> <span class="input-group-addon"><i class="fa fa-users" aria-hidden="true"></i></span> </div> </div> <div class="col-md-2 pax"> <label>Enfants</label> <div class="input-group typeahead-container condit"> <span class="twitter-typeahead" style="position: relative; display: block; "> <select class="selectpicker show-tick form-control" tabindex="-98" onchange="age5(this.value)" name="enfants5" id="enfants5" > <option value="0" > 0</option> <option value="1" > 1</option> </select> </select> </span> <span class="input-group-addon"><i class="fa fa-child" aria-hidden="true"></i></span> </div> </div> <div class="col-md-2 pax"style="display:none" id="age51"> <label>Age 1</label> <select class="form-control" name="age51" id="age5_1"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div class="col-md-2 pax"style="display:none" id="age52"> <label>Age 2</label> <select class="form-control" name="age52" id="age5_2"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div class="col-md-2 pax"style="display:none" id="age53"> <label>Age 3</label> <select class="form-control" name="age53" id="age5_3"> <option value="1" ><2</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div style="clear:both"></div> </div> </div> <div style="clear:both"></div> <div class="form-group col-md-12 text-right btn-res"> <input type="submit" id="submit" value=" Vérifier la Disponibilité >" class="btnn" /> </div> </div></div> </form> <div style="clear:both"></div></div></div> <div id="vue-et-chambre" style='display:none'> <div class="loadprix" id="load" style="display:none"> </div> <div id="resultat_chambre" ></div> <div id="resultat" style="width:100%; padding-top:40px"></div> </div> <div class="col-md-8 div_description" > <style type="text/css"> .elfinder-tree .elfinder-navbar-root .elfinder-navbar-icon { background-position: 0 -16px !important; } </style> <!-- #region Google Counter Begin --> <!-- Count 50% Traffic --> <!-- #region Jssor Slider Begin --> <!-- Generator: Jssor Slider Maker --> <!-- Source: https://www.jssor.com --> <!-- This code works without jquery library. --> <script src="https://www.gthbooking.com/js/jssor.slider-22.2.16.min.js" type="text/javascript"></script> <style> /* jssor slider arrow navigator skin 05 css */ /* .jssora05l (normal) .jssora05r (normal) .jssora05l:hover (normal mouseover) .jssora05r:hover (normal mouseover) .jssora05l.jssora05ldn (mousedown) .jssora05r.jssora05rdn (mousedown) .jssora05l.jssora05lds (disabled) .jssora05r.jssora05rds (disabled) */ .jssora05l, .jssora05r { display: block; position: absolute; /* size of arrow element */ width: 40px; height: 40px; cursor: pointer; background: url('img/a17.png') no-repeat; overflow: hidden; } .jssora05l { background-position: -10px -40px; } .jssora05r { background-position: -70px -40px; } .jssora05l:hover { background-position: -130px -40px; } .jssora05r:hover { background-position: -190px -40px; } .jssora05l.jssora05ldn { background-position: -250px -40px; } .jssora05r.jssora05rdn { background-position: -310px -40px; } .jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; } .jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; } /* jssor slider thumbnail navigator skin 01 css *//*.jssort01 .p (normal).jssort01 .p:hover (normal mouseover).jssort01 .p.pav (active).jssort01 .p.pdn (mousedown)*/.jssort01 .p { position: absolute; top: 0; left: 0; width: 72px; height: 72px;}.jssort01 .t { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;}.jssort01 .w { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}.jssort01 .c { position: absolute; top: 0px; left: 0px; width: 68px; height: 68px; border: #ecebeb 2px solid; box-sizing: content-box; background: url('img/t01.png') -800px -800px no-repeat; _background: none;}.jssort01 .pav .c { top: 2px; _top: 0px; left: 2px; _left: 0px; width: 68px; height: 68px; border: #000 0px solid; _border: #fff 2px solid; background-position: 50% 50%;}.jssort01 .p:hover .c { top: 0px; left: 0px; width: 70px; height: 70px; border: #fff 1px solid; background-position: 50% 50%;}.jssort01 .p.pdn .c { background-position: 50% 50%; width: 68px; height: 68px; border: #000 2px solid;}* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c { /* ie quirks mode adjust */ width /**/: 72px; height /**/: 72px;} </style> <div id="jssor_1" style="position:relative;margin:0 auto;top:0px;left:0px;height:556px;overflow:hidden;visibility:hidden;background-color: #01669a;"> <!-- Loading Screen --> <div data-u="loading" style="position:absolute;top:0px;left:0px;background-color:#01669a;"> <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;"></div> <div style="position:absolute;display:block;background:url('img/loading-slid.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;"></div> </div> <div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:900px;height:456px;overflow:hidden;"> <div> <img data-u="image" src="https://www.gthbooking.com/photo/medina-solaria---thalasso.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/medina-solaria---thalasso.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/568-18514.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/568-18514.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/568-54940863.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/568-54940863.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/568-54940866.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/568-54940866.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/568-54940886.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/568-54940886.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/568-54940888.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/568-54940888.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/568-54940891.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/568-54940891.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/568-54940900.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/568-54940900.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/568-54940903.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/568-54940903.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/568-54940908.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/568-54940908.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/568-54940910.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/568-54940910.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/568-54940911.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/568-54940911.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/568-54940917.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/568-54940917.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/568-54940921.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/568-54940921.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/568-54940925.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/568-54940925.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/568-54940928.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/568-54940928.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/568-MedinaSolaria&Thalasso.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/568-MedinaSolaria&Thalasso.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/568-54940941.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/568-54940941.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/568-55428989.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/568-55428989.jpg" /> </div> <div> <img data-u="image" src="https://www.gthbooking.com/photo/568-55428992.jpg" /> <img data-u="thumb" src="https://www.gthbooking.com/photo/568-55428992.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 Medina Solaria & 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 239 chambres</li><li>Les chambres de cet hôtel sont réparties sur 4 étages</li></ul><h4>Arrivée et départ</h4><ul><li>Arrivées à partir de 14h00</li><li>Départ à 11h00</li></ul><h4>Obligatoire à l’arrivée</h4><ul><li>Dépôt de garantie obligatoire (par carte de crédit ou en espèces)</li><br/> <li>Pièce d'identité officielle obligatoire</li><br/> <li>Âge minimum pour effectuer l'enregistrement : 18 ans</li></ul></div></div> <div class="col-sm-4"> <div class="info-box"><h4>Enfants</h4><ul class="ticked"><li>L'hébergement est gratuit pour les enfants (âgés de 2 ans ou moins) qui occupent la même chambre que leurs parents ou tuteurs et qui utilisent la literie déjà en place. </li><br/> <li>Pas de lits-bébé</li><br/> <li>Garde d'enfants *</li><br/> <li>Club enfants *</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><br/> <li>Accès Wi-Fi à Internet gratuit dans les chambres</li></ul></div></div> <div class="col-sm-4"> <div class="info-box"><h4>Parking</h4><ul class="ticked"> <li>parking sans voiturier gratuit</li> </ul><div class="map-box"></div><ul><li>Tarifs tout compris disponibles</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"><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 (en supplément)</li><li>Garde d'enfant / activités supervisées (en supplément)</li></ul></div></div><div class="fact-sheet-table-row"><div class="fact-sheet-table-header">Repas et boissons</div><div class="fact-sheet-table-cell"><ul><li>Petit-déjeuner buffet gratuit tous les jours </li><li>2 restaurants </li><li>3 cafés </li><li>Bar/salon </li><li>Snack bar / épicerie fine </li><li>Service d'étage avec horaires limités </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</li><li>Centre de remise en forme</li><li>Tennis sur place</li><li>Soins spa complet</li><li>Salle(s) de soins spa</li><li>Cours de fitness sur place</li><li>Location de vélos sur place</li><li>Bowling sur place</li><li>Golf à proximité</li><li>Kayak à proximité</li><li>Plongée sous-marine à proximité</li><li>Boîte de nuit</li><li>Serviettes de plage</li><li>Piscine pour enfants</li><li>Bain à remous</li><li>Sauna</li></ul></div></div><div class="fact-sheet-table-row"><div class="fact-sheet-table-header">Affaires</div><div class="fact-sheet-table-cell"><ul><li>Centre d’affaires</li><li>Nombre de salles de réunion - 5</li><li>Espace de conférence</li><li>Salles 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>Assistance pour visites/billets</li><li>Laverie</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 2005</li><li>Ascenseur</li><li>Terrasse sur le toit</li><li>Jardin</li></ul></div></div><div class="fact-sheet-table-row"><div class="fact-sheet-table-header">Accessibilité</div><div class="fact-sheet-table-cell"><ul><li>Salle de bain accessible aux personnes à mobilité réduite</li><li>Accessibilité de la chambre aux personnes à mobilité réduite</li><li>Douche accessible en fauteuil roulant</li></ul></div></div></div></div></div> </div> <div class="fact-sheets"> <div class="fact-sheets"><div class="fact-sheet expandable-content"><h2 class="fact-sheet-header">Dans la chambre</h2><div class="fact-sheet-table fact-sheet-content"><div class="fact-sheet-table-row"><div class="fact-sheet-table-header">Tout confort</div><div class="fact-sheet-table-cell"><ul><li>Climatisation réglable dans la chambre</li><li>Climatisation</li><li>Minibar</li></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>Service de couverture</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>Coin salle à manger séparé</li><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>Ensemble douche/baignoire</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 </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>Accès Wi-Fi gratuit</li></ul></div></div><div class="fact-sheet-table-row"><div class="fact-sheet-table-header">Plus...</div><div class="fact-sheet-table-cell"><ul><li>Service de ménage quotidien</li><li>Coffre-fort dans la chambre</li><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>L'établissement Medina Solaria & Thalasso propose des chambres avec forfait <em>tout compris</em>. Ces forfaits sont plus élevés parce qu'ils incluent les repas et les boissons pris sur place (certaines limitations peuvent être appliquées). </p></div></div> <div > <div class="info-box"><h3>Bien-être</h3><p>Le <strong>Thalassotherapy Center</strong> comprend des salles de massage et de soins. Les services proposés incluent des soins du visage et des soins corporels. Le spa comprend un sauna et un hammam. Le spa propose divers soins thérapeutiques, dont 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 : Hammamet </h4></div> <div class="offre_consult"> <div class="col-sm-6" > <figure> <img src="photo/iberostar-averroes.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-averroes-569.html" >Iberostar Averroes</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/sentido-le-sultan.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-sentido-le-sultan-332.html" >Sentido le Sultan</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/houda-yasmine-hammamet-.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-houda-yasmine-hammamet--635.html" >Houda Yasmine Hammamet </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/laico-hammamet.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-laico-hammamet-368.html" >Laico Hammamet</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/chichkhan-.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-chichkhan--555.html" >Chichkhan </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/le-royal-hammamet.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-le-royal-hammamet-410.html" >Le Royal Hammamet</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-fell-.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-fell--748.html" >El Fell </a> <div class="etoileee"><img src='https://www.gthbooking.com/img/etoile3-t2.png' /> </div> </div> <div style="clear:both"></div> </div> <div class="offre_consult"> <div class="col-sm-6" > <figure> <img src="photo/vincci--marillia.jpg" class="lazy imge-responsive" style="border-radius: 4px; min-height:70px"> </figure> </div> <div class="col-sm-6" > <a href="https://www.gthbooking.com/hotel-vincci--marillia-402.html" >Vincci Marillia</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-el-menzah.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-el-menzah-369.html" >El Mouradi EL Menzah</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/belisaire---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-belisaire---thalasso-566.html" >Belisaire & Thalasso</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/alhambra-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-alhambra-thalasso-411.html" >Alhambra 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/le-shalimar.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-le-shalimar-370.html" >Le Shalimar</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/diar-lemdina.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-diar-lemdina-554.html" >Diar Lemdina</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-hammamet.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-hammamet-408.html" >El Mouradi hammamet</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/eden-village-yadis-hammamet.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-eden-village-yadis-hammamet-660.html" >EDEN VILLAGE Yadis Hammamet</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="+568; 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-medina-solaria---thalasso-568.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>