document.writeln("<ul class=\"onglets\">");	
document.writeln("<li title=\"Acc&egrave;s &agrave; la recherche vols\" id=\"ongletMEV\" class=\"selected\"><span>Vols</span></li>");
document.writeln("<li title=\"Acc&egrave;s &agrave; la recherche h&ocirc;tels\" id=\"ongletMEH\"><span>H&ocirc;tels</span></li>");
document.writeln("<li title=\"Acc&egrave;s &agrave; la recherche voitures\" id=\"ongletMEC\"><span>Voitures</span></li>");
document.writeln("<li title=\"Acc&egrave;s &agrave; la recherche s&eacute;jours\" id=\"ongletMEP\"><span><a href=\"/voyages/results.jsp?formule=1\">S&eacute;jours</a></span></li>");
document.writeln("</ul>");
document.writeln("<form id=\"formMEV\" action=\"/vols/results.jsp\" method=\"get\">");
document.writeln("<input type=\"hidden\" name=\"clientId\" value=\"1\"/> ");
document.writeln("<fieldset title=\"S&eacute;lection du type de parcours\" id=\"typeParcoursMEV\">");
document.writeln("<legend>Parcours</legend>");
document.writeln("<p id=\"typeParcours\">");
document.writeln("<label for=\"allerSimpleMEV\">");
document.writeln("<input id=\"typeMEVAS\" type=\"radio\" value=\"0\" name=\"type\" />");
document.writeln("aller-simple");
document.writeln("</label>");
document.writeln("<label for=\"allerRetourMEV\">");
document.writeln("<input id=\"typeMEVAR\" type=\"radio\" value=\"1\" name=\"type\" checked=\"checked\" />");
document.writeln("aller-retour");
document.writeln("</label>");
document.writeln("</p>");
document.writeln("</fieldset>");
document.writeln("<fieldset title=\"D&eacute;finition du parcours\" id=\"trajetMEV\">");
document.writeln("<legend>Trajet</legend>");
document.writeln("<p id=\"allerMEV\">");
document.writeln("<label for=\"departAllerMEV\">Ville de d&eacute;part :</label>");
document.writeln("<input id=\"lieuMEVDepartAller\" type=\"text\" name=\"departAller\" value=\"\" />");
document.writeln("<input type=\"hidden\" id=\"iataMEVDepartAller\" name=\"departAllerIata\" value=\"\" />");
document.writeln("<div id=\"propositionsMEVDepartAller\"></div>");
document.writeln("<label for=\"arriveeAllerMEV\">Ville d'arriv&eacute;e :</label>");
document.writeln("<input id=\"lieuMEVArriveeAller\" type=\"text\" name=\"arriveeAller\" value=\"\" />");
document.writeln("<input type=\"hidden\" id=\"iataMEVArriveeAller\" name=\"arriveeAllerIata\" value=\"\" />");
document.writeln("<div id=\"propositionsMEVArriveeAller\"></div>");
document.writeln("</p>");
document.writeln("</fieldset>");
document.writeln("<fieldset title=\"D&eacute;finition des dates du trajet aller et &eacute;ventuellement retour\" id=\"dateMEV\">");
document.writeln("<legend>Dates</legend>");
document.writeln("<div id=\"errorMEVDateAllerErronee\">La date aller que vous avez d&eacute;finie est erron&eacute;e</div>");
document.writeln("<div id=\"errorMEVDateRetourErronee\">La date retour que vous avez d&eacute;finie est erron&eacute;e</div>");
document.writeln("<div id=\"errorMEVDatesInversees\">La date retour est ant&eacute;rieure &agrave; la date d'aller</div>");
document.writeln("<p id=\"dateAllerMEV\">");
document.writeln("<label for=\"jourMEVAller\">Date de d&eacute;part :</label>");
document.writeln("<select id=\"jourMEVAller\" name=\"jourAller\"><option></option></select>");
document.writeln("<select id=\"moisMEVAller\" name=\"moisAller\"><option></option></select>");
document.writeln("<img id=\"calendrierMEVAllerIcon\" src=\"/base/imgs/default/calendrier.gif\" alt=\"calendrier aller\" />");
document.writeln("</p>");
document.writeln("<p id=\"dateRetourMEV\">");
document.writeln("<label for=\"jourMEVRetour\">Date de retour :</label>");
document.writeln("<select id=\"jourMEVRetour\" name=\"jourRetour\"><option></option></select>");
document.writeln("<select id=\"moisMEVRetour\" name=\"moisRetour\"><option></option></select>");
document.writeln("<img id=\"calendrierMEVRetourIcon\" src=\"/base/imgs/default/calendrier.gif\" alt=\"calendrier retour\" />");
document.writeln("</p>");
document.writeln("<div id=\"calendrierMEVAller\"></div>");
document.writeln("<div id=\"calendrierMEVRetour\"></div>");
document.writeln("</fieldset>");
document.writeln("<fieldset title=\"S&eacute;lection du nombre de passagers dans chaque cat&eacute;gorie d'&acirc;ge\" id=\"typePassagersMEV\">");
document.writeln("<legend>Passagers</legend>");
document.writeln("<div id=\"errorMEVNbBebes\">Le nombre de b&eacute;b&eacute;s ne doit pas &ecirc;tre sup&eacute;rieur au nombre d'adultes</div> ");
document.writeln("<p id=\"nbAdultesMEV\">");
document.writeln("<label for=\"paxAdultes\">Adultes</label> ");
document.writeln("<select id=\"paxAdultes\" name=\"paxAdultes\">");
document.writeln("<option value=\"1\" selected=\"selected\">1</option>");
document.writeln("<option value=\"2\">2</option>");
document.writeln("<option value=\"3\">3</option>");
document.writeln("<option value=\"4\">4</option>");
document.writeln("<option value=\"5\">5</option>");
document.writeln("<option value=\"6\">6</option>");
document.writeln("<option value=\"7\">7</option>");
document.writeln("<option value=\"8\">8</option>");
document.writeln("<option value=\"9\">9</option>");
document.writeln("</select>");
document.writeln("</p>");
document.writeln("<p id=\"nbEnfantsMEV\">");
document.writeln("<label for=\"paxEnfants\">Enfants</label>");
document.writeln("<select id=\"paxEnfants\" name=\"paxEnfants\">");
document.writeln("<option value=\"0\" selected=\"selected\">0</option>");
document.writeln("<option value=\"1\">1</option>");
document.writeln("<option value=\"2\">2</option>");
document.writeln("<option value=\"3\">3</option>");
document.writeln("<option value=\"4\">4</option>");
document.writeln("<option value=\"5\">5</option>");
document.writeln("<option value=\"6\">6</option>");
document.writeln("<option value=\"7\">7</option>");
document.writeln("<option value=\"8\">8</option>");
document.writeln("<option value=\"9\">9</option>");
document.writeln("</select>");
document.writeln("</p>");
document.writeln("<p id=\"nbBebesMEV\">");
document.writeln("<label for=\"paxBebes\">B&eacute;b&eacute;s</label>");
document.writeln("<select id=\"paxBebes\" name=\"paxBebes\">");
document.writeln("<option value=\"0\" selected=\"selected\">0</option>");
document.writeln("<option value=\"1\">1</option>");
document.writeln("<option value=\"2\">2</option>");
document.writeln("<option value=\"3\">3</option>");
document.writeln("<option value=\"4\">4</option>");
document.writeln("<option value=\"5\">5</option>");
document.writeln("<option value=\"6\">6</option>");
document.writeln("<option value=\"7\">7</option>");
document.writeln("<option value=\"8\">8</option>");
document.writeln("<option value=\"9\">9</option>");
document.writeln("</select>");
document.writeln("</p>");
document.writeln("</fieldset>");
document.writeln("<fieldset title=\"S&eacute;lection de la classe\" id=\"classeMEV\">");
document.writeln("<legend>Classe</legend>");
document.writeln("<p id=\"classeEcoMEV\">");
document.writeln("<label for=\"classeEcoMEV\">");
document.writeln("<input type=\"radio\" value=\"1\" name=\"classe\" id=\"classeMEVEco\" checked=\"checked\" />");
document.writeln("Eco");
document.writeln("</label>");
document.writeln("<label for=\"classeAffMEV\">");
document.writeln("<input type=\"radio\" value=\"3\" name=\"classe\" id=\"classeMEVAff\"/>");
document.writeln("Affaire");
document.writeln("</label>");
document.writeln("<label for=\"classePreMEV\">");
document.writeln("<input type=\"radio\" value=\"2\" name=\"classe\" id=\"classeMEVPre\"/>");
document.writeln("Premi&egrave;re");
document.writeln("</label>");
document.writeln("</p>");
document.writeln("</fieldset>");
document.writeln("<fieldset title=\"Lancer la recherche\" id=\"submitBtMEV\">");
document.writeln("<input id=\"submitMEV\" type=\"submit\" value=\"\" />");
document.writeln("</fieldset>");
document.writeln("</form>	");
document.writeln("<form id=\"formMEH\"  action=\"#\" method=\"get\"><!-- Le formulaire  -->");
document.writeln("<input type=\"hidden\" name=\"clientId\" value=\"1\"/> ");
document.writeln("<fieldset id=\"villesMEH\" title=\"S&eacute;lection du lieu de s&eacute;jour et des dates d'arriv&eacute;e et de d&eacute;part\">");
document.writeln("<legend>Lieu &amp; dates du s&eacute;jour</legend>");
document.writeln("<p id=\"villeMEH\">");
document.writeln("<label for=\"lieuMEH\">Ville :</label>");
document.writeln("<input id=\"lieuMEH\" type=\"text\" name=\"lieu\" />");
document.writeln("<input type=\"hidden\" id=\"lieuIataMEH\" name=\"lieuIata\" />");
document.writeln("</p>");
document.writeln("<div id=\"propositionsMEH\"></div><!--Completion-->");
document.writeln("</fieldset>");
document.writeln("<fieldset id=\"dateMEH\" title=\"S&eacute;lection des dates\">");
document.writeln("<legend>Dates</legend>");
document.writeln("<div id=\"errorMEHDateDebutErronee\">La date de d&eacute;but de s&eacute;jour que vous avez d&eacute;finie est erron&eacute;e</div>");
document.writeln("<div id=\"errorMEHDateFinErronee\">La date de fin de s&eacute;jour que vous avez d&eacute;finie est erron&eacute;e</div>");
document.writeln("<div id=\"errorMEHDatesInversees\">La date de fin de s&eacute;jour que vous avez d&eacute;finie est erron&eacute;e</div>");
document.writeln("<p id=\"dateDebutMEH\">");
document.writeln("<label for=\"jourDebutMEH\">D&eacute;but: </label>");
document.writeln("<select id=\"jourDebutMEH\" name=\"jourDebut\"><option></option></select>");
document.writeln("<select id=\"moisDebutMEH\" name=\"moisDebut\"><option></option></select>");
document.writeln("<img id=\"calendrierMEHDebutIcon\" src=\"/base/imgs/default/calendrier.gif\" alt=\"calendrier aller\" />");
document.writeln("</p>");
document.writeln("<div id=\"calendrierMEHDebut\"></div><!--Calendrier-->");
document.writeln("<p id=\"dateFinMEH\">");
document.writeln("<label for=\"jourFinMEH\">Fin:</label>");
document.writeln("<select id=\"jourFinMEH\" name=\"jourFin\"><option></option></select>");
document.writeln("<select id=\"moisFinMEH\" name=\"moisFin\"><option></option></select>");
document.writeln("<img id=\"calendrierMEHFinIcon\" src=\"/base/imgs/default/calendrier.gif\" alt=\"calendrier retour\" />");
document.writeln("</p>");
document.writeln("<div id=\"calendrierMEHFin\"></div><!--Calendrier-->");
document.writeln("</fieldset>");
document.writeln("<fieldset id=\"hebergementMEH\" title=\"S&eacute;lection des caract&eacute;ristiques d'h&eacute;bergement\">");
document.writeln("<legend>H&eacute;bergement</legend>");
document.writeln("<p id=\"nbChambresMEH\">");
document.writeln("<label for=\"chambres\">Chambre(s):</label>");
document.writeln("<select id=\"chambres\" name=\"chambres\">");
document.writeln("<option value=\"1\" selected=\"selected\">1</option>");
document.writeln("<option value=\"2\">2</option>");
document.writeln("<option value=\"3\">3</option>");
document.writeln("<option value=\"4\">4</option>");
document.writeln("</select>");
document.writeln("</p>");
document.writeln("<p id=\"nbAdultesMEH\">");
document.writeln("<label for=\"paxAdultes\">Adulte(s):</label>");
document.writeln("<select id=\"paxAdultes\" name=\"paxAdultes\">");
document.writeln("<option value=\"1\">1</option>");
document.writeln("<option value=\"2\" selected=\"selected\">2</option>");
document.writeln("<option value=\"3\">3</option>");
document.writeln("<option value=\"4\">4</option>");
document.writeln("<option value=\"5\">5</option>");
document.writeln("<option value=\"6\">6</option>");
document.writeln("<option value=\"7\">7</option>");
document.writeln("<option value=\"8\">8</option>");
document.writeln("<option value=\"9\">9</option>");
document.writeln("</select>");
document.writeln("</p>");
document.writeln("<p id=\"nbEnfantsMEH\">");
document.writeln("<label for=\"paxEnfants\">Enfant(s):</label>");
document.writeln("<select id=\"paxEnfants\" name=\"paxEnfants\">");
document.writeln("<option value=\"0\" selected=\"selected\">0</option>");
document.writeln("<option value=\"1\">1</option>");
document.writeln("<option value=\"2\">2</option>");
document.writeln("<option value=\"3\">3</option>");
document.writeln("<option value=\"4\">4</option>");
document.writeln("<option value=\"5\">5</option>");
document.writeln("<option value=\"6\">6</option>");
document.writeln("<option value=\"7\">7</option>");
document.writeln("<option value=\"8\">8</option>");
document.writeln("<option value=\"9\">9</option>");
document.writeln("</select>");
document.writeln("</p>");
document.writeln("</fieldset>");
document.writeln("<fieldset id=\"categoriesMEH\" title=\"S&eacute;lection de la cat&eacute;gorie d'h&eacute;bergement\">");
document.writeln("<legend>Cat&eacute;gorie</legend>");
document.writeln("<p id=\"listeEtoiles\">");
document.writeln("<label for=\"etoiles\">&eacute;toiles:</label>");
document.writeln("<select id=\"etoiles\" name=\"etoiles\">");
document.writeln("<option value=\"0\" selected=\"selected\">Indiff&eacute;rent</option>");
document.writeln("<option value=\"1\">1 &eacute;toile</option>");
document.writeln("<option value=\"2\">2 &eacute;toiles</option>");
document.writeln("<option value=\"3\">3 &eacute;toiles</option>");
document.writeln("<option value=\"4\">4 &eacute;toiles</option>");
document.writeln("<option value=\"5\">5 &eacute;toiles</option>");
document.writeln("</select>");
document.writeln("</p>");
document.writeln("</fieldset>");
// FIXME [ygally] à mettre dés que les CSS sont corrects (ET UTILISENT BIEN DES CLASSES AU LIEU DES IDENTIFIANTS 'id' DES BALISES)
//document.writeln("<div id=\"exceptionsCriteresMEH\">");
document.writeln("<div id=\"exceptionsCriteres\">");
document.writeln("<span class=\"messageEC\">Nous ne sommes pas en mesure de vous proposer d'h&ocirc;tels pour cette ville. Veuillez s&eacute;lectionner une autre ville dans la liste ci-dessous.</span>");
// FIXME [ygally] à mettre dés que les CSS sont corrects (ET UTILISENT BIEN DES CLASSES AU LIEU DES IDENTIFIANTS 'id' DES BALISES)
//document.writeln("<select id=\"propsLieuxMEH\"></select>");
document.writeln("<select id=\"propsLieux\"></select>");
document.writeln("<span class=\"closeEC\" onclick=\"parentNode.style.display='none'\" title=\"cliquez ici pour fermer le message d'alerte\"></span>");
document.writeln("</div>");
document.writeln("<fieldset title=\"Lancer la recherche\" id=\"submitBtMEH\">");
document.writeln("<legend>Rechercher</legend>");
document.writeln("<input id=\"submitMEH\" type=\"submit\" value=\"\" />");
document.writeln("</fieldset>");
document.writeln("</form>");
document.writeln("<form id=\"formMEC\" action=\"/voitures/results.jsp\" method=\"get\">");
document.writeln("<input type=\"hidden\" name=\"clientId\" value=\"1\"/> ");
document.writeln("<fieldset title=\"S&eacute;lection du lieu de retrait\" id=\"retraitMEC\">");
document.writeln("<legend>Lieu</legend>");
document.writeln("<p>");
document.writeln("<label for=\"lieuMEC\">Lieu de retrait : </label>");
document.writeln("<input type=\"text\" id=\"lieuMEC\" name=\"pickUpSuggest\" value=\"\" />");
document.writeln("<input type=\"hidden\" id=\"adresseCodeMEC\" name=\"pickUpLocation\" value=\"\" />");
document.writeln("<div id=\"propositionsMEC\"></div>");
document.writeln("</p>");
document.writeln("</fieldset>");
document.writeln("<fieldset title=\"S&eacute;lection des dates\" id=\"datesMEC\">");
document.writeln("<legend>Dates et heures</legend>");
document.writeln("<div id=\"errorMECDateDebutErronee\">La date de retrait de la voiture que vous avez d&eacute;finie est erron&eacute;e</div>");
document.writeln("<div id=\"errorMECDateFinErronee\">La date de restitution de la voiture que vous avez d&eacute;finie est erron&eacute;e</div>");
document.writeln("<div id=\"errorMECDatesInversees\">La date de restitution de la voiture est ant&eacute;rieure &agrave; celle de son retrait</div>");
document.writeln("<p id=\"dateRetraitMEC\">");
document.writeln("<label for=\"dateRetrait\">Date de retrait : </label>");
document.writeln("<select id=\"jourDebutMEC\" name=\"pickUpDay\"><option></option></select>");
document.writeln("<select id=\"moisDebutMEC\" name=\"pickUpMonth\"><option></option></select>");
document.writeln("<img id=\"calendrierMECDebutIcon\" src=\"/base/imgs/default/calendrier.gif\" alt=\"calendrier date de retrait\" />");
document.writeln("<select id=\"heureDebutMEC\" name=\"pickUpHour\"><option></option></select>");
document.writeln("<!-- on devrait sélectionner la date : \"\" -->");
document.writeln("<!-- on devrait sélectionner l'heure : \"\" -->");
document.writeln("<div id=\"calendrierMECDebut\"></div>");
document.writeln("</p>");
document.writeln("<p id=\"dateRetourMEC\">");
document.writeln("<label for=\"dateRetour\">Date de retour : </label>");
document.writeln("<select id=\"jourFinMEC\" name=\"dropOffDay\"><option></option></select>");
document.writeln("<select id=\"moisFinMEC\" name=\"dropOffMonth\"><option></option></select>");
document.writeln("<img id=\"calendrierMECFinIcon\" src=\"/base/imgs/default/calendrier.gif\" alt=\"calendrier date de retour\" />");
document.writeln("<select id=\"heureFinMEC\" name=\"dropOffHour\"><option></option></select> ");
document.writeln("<!-- on devrait sélectionner la date : \"\" -->");
document.writeln("<!-- on devrait sélectionner l'heure : \"\" -->");
document.writeln("<div id=\"calendrierMECFin\"></div>");
document.writeln("</p>");
document.writeln("</fieldset>");
document.writeln("<fieldset title=\"S&eacute;lection de l'&acirc;ge du conducteur\" id=\"ageConducteurMEC\">");
document.writeln("<legend>Conducteur</legend>");
document.writeln("<p id=\"ageDuConducteurMEC\">");
document.writeln("<label for=\"age\">&Acirc;ge du conducteur :</label>");
document.writeln("<input id=\"ageMEC\" type=\"text\" name=\"driverAge\" value=\"\"/>");
document.writeln("</p>");
document.writeln("</fieldset>");
document.writeln("<fieldset title=\"Lancer la recherche\" id=\"submitBtMEC\">");
document.writeln("<input id=\"submitMEC\"  type=\"submit\" value=\"\" />");
document.writeln("</fieldset>");
document.writeln("</form>");