ssl.directferries.com
Open in
urlscan Pro
34.246.37.25
Public Scan
URL:
https://ssl.directferries.com/ferry/secure/booking_redirect_df.aspx?stdc=DF10F&grid=0&rfid=6104&psgr=2&curr=2&retn=true&rfidr=...
Submission: On June 14 via manual from FR — Scanned from FR
Submission: On June 14 via manual from FR — Scanned from FR
Form analysis 2 forms found in the DOM
POST multi_price_quote.aspx?stdc=DF10F&grid=0&rfid=6104&psgr=2&curr=2&retn=true&rfidr=6105&outd=2022-06-16&outt=9&retd=2022-06-18&rett=17
<form method="post" action="multi_price_quote.aspx?stdc=DF10F&grid=0&rfid=6104&psgr=2&curr=2&retn=true&rfidr=6105&outd=2022-06-16&outt=9&retd=2022-06-18&rett=17" id="frmData">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPBSR2c2M6OTgwM2Q3NzA0NjE1NDhlOGFkMDc5OTk5OTdjZmZlM2RkfjJwlyTkQBKBL/KMcfzjp96/Ghk=">
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['frmData'];
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/WebResource.axd?d=VAQiy9HKyrQYq3AHrZmuFLZPNw7HBdu_MgAXVywx-F9iRfmcZEHn31dSbdILmvZlGE2Qoyx3rJcyPxB0Gv4Z6MGpSpw1&t=637100806445053551" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=ri0d7saHeUk2JjEoZK4wMr4jiVz0XnEXPdgGf8QvjUScYA5pF9ZiquDNuImGbJQyiR3H5mkFQJT3F2JMQ94ujazF-EKN4t25pJ9iy_UzNGvAhAXqwubE3g6DoaA_nRcVEfKwpw_MYGVUWfU7McQBY21kv0s1&t=ffffffff9a9577e8" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=mgds3E-Ra-HXsQFsi4YBt8tbydslprMHLQ1nKD5Ie-y2GAytoblWTHKt43p6bUqSNIV2NoCAGKyhqLSEKI8mEtVeTbdkFQSc05jJ192gRGbdLT1z_kG6dubLLE0KxTi0dh3HBoaHYmz4iJEgSkAeE9asNuxNKYlfOm4_sR4_xXaZe_OX0&t=ffffffff9a9577e8"
type="text/javascript"></script>
<script
src="/ScriptResource.axd?d=VYuEB2_DnSAHYOAYnjCybpx1G0MpgmgY-rVTdwkxObZgtSj4Mz8UbR9ItYabfvLFQ4Vb-xBd-yHi44br8EAmBa4EliuvWVtZ8MNT-HH2cHMlf9IsKqoSgcbCvuSwlawiU9dYWfrOE4aPlT6FowpUyMRRUVrx1yafMvj2iGJQl_RT1TeEcdK8f650KbXxgnmyyHDLX88kRmbz4sEAqNiDxt8rFlIZ_S76FMtxUodzTK6lDUKUuWRDRQweOLVJ7Xpteen2Aneh_ToQkvvyQGvLP8JUCL1iag9uvyz8e_6SdguDjBPtrl7QYu2AjAV9p_n0kw5UlLfaF73raZqOQppIJnARWHYJrFgjSp11MQoye5uP2qFYWkVBoYeq2bUkWXK-EUpmZsaygLGs2kyfSEMdpXR-5h81"
type="text/javascript"></script>
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="22DCD212">
</div>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ScriptManager1', 'frmData', [], [], [], 90, '');
//]]>
</script>
<div class="con">
<div class="row">
<!-- Booking engine page -->
<style>
.crumbTitle {
padding: 5px 5px 5px 5px;
position: relative;
}
.crumbTitle span {
background-color: #64b6e6;
display: inline-block;
padding: 5px 5px 5px 8px;
color: #fff;
position: relative;
margin-right: -5px;
}
.crumbTitle span:last-child {
background-color: #64b6e6;
display: inline-block;
padding: 5px;
color: #fff;
position: relative;
font-weight: bold;
}
.crumbTitle span:last-child:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-top: 14px solid transparent;
border-bottom: 14px solid transparent;
border-left: 12px solid #64b6e6;
top: 0;
right: -12px;
}
</style>
<div class="crumbTitle">
<span>Vous êtes ici:</span>
<span>Comparaison</span>
</div>
<script type="text/javascript">
$("ul.sm12.crumbs").click(function() {
ga('send', 'event', 'Breadcrumbs', 'foo', 'click');
});
</script>
<div class="sm12">
<script src="/scripts/jquery.loadmask.min.js"></script>
<script type="text/javascript" src="/scripts/jquery.mark.min.js"></script>
<div id="topBoxSearchResults" class="box">
<div class="rSer">
<div>
<div class="rsMap">
</div>
<div class="rsDeets">
<style>
.df-search-btn {
font-weight: normal !important;
display: inline-block !important;
padding: 5px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #3fa9f5;
color: #000;
font-size: 13px !important;
line-height: normal !important;
margin: 3px
}
.df-search-btn:hover {
background-color: #3fa9f5;
color: #fff;
text-decoration: none
}
</style>
</div>
<div class="rsBtn">
<a href="#" id="lnkChangeSearch" class="btn btn-sm">Modifiez votre recherche</a>
<i></i>
</div>
</div>
</div>
<div class="rSerFs">
<div id="divNewFareSearch">
<script src="/partners/deal_finder.aspx?stdc=DF10F&isbe=true&lsid=0" type="text/javascript"></script>
<style>
.ui-autocomplete::-webkit-scrollbar {
width: 14px;
}
.fs {
line-height: 1.42857143;
}
.fs * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fs *:before,
.fs *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.fs label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
line-height: 20px;
}
.fs input[type="radio"],
.fs input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px 9;
line-height: normal;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
.fs .form-control,
.fs .fsControl {
display: block;
width: 100% !important;
height: 30px;
line-height: 18px;
border-radius: 3px;
cursor: pointer;
padding: 5px
}
.fs .fsControl {
padding: 5px 12px 5px 5px
}
.fs .radio-inline,
.fs .checkbox-inline {
display: inline-block;
margin-bottom: 0;
margin-right: 10px;
vertical-align: middle;
cursor: pointer
}
.fs .checkbox,
.fs .radio {
position: relative;
display: block;
margin-bottom: 15px
}
.fs .checkbox label,
.fs .radio label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
cursor: pointer
}
.fs .checkbox input[type=checkbox],
.fs .radio input[type=radio] {
position: absolute;
margin-top: 4px 9;
margin-left: -20px
}
.fs #diffOutRet {
margin: 0 !important;
}
.fs .fsCopy {
margin-top: -3px;
}
.fs .fsCopy input {
top: 6px !important;
top: 3px9 !important;
margin: 0 !important
}
.fs .fsCopy label {
line-height: 1.42857143 !important;
margin: 0 !important;
padding: 4px 0 0 20px;
color: #0070a0;
font-size: 12px;
}
.fs .checkRadio {
display: inline-block;
margin: 0;
padding: 0;
vertical-align: middle;
cursor: pointer;
line-height: 15px;
position: relative;
}
.fs .checkRadio.rht {
padding-right: 20px;
}
.fs .checkRadio.lft {
padding-left: 20px;
padding-right: 10px;
}
.fs .checkRadio input,
.checkbox-inline input {
margin: 0;
position: absolute;
top: 1px;
cursor: pointer;
}
.fs .checkRadio.rht input {
right: 0;
cursor: pointer;
}
.fs .checkRadio.lft input {
left: 0;
cursor: pointer;
}
.fs .advSer .checkRadio {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 5px;
vertical-align: baseline;
}
.fs .advSer .checkRadio input {
top: 2px;
top: 1px9;
}
.fs a,
.fs .advSer {
text-decoration: none;
}
.fs a:hover,
.fs a:focus {
text-decoration: underline;
outline: none;
}
.fs .btn,
.fs .fsDone {
display: inline-block;
margin-bottom: 0;
text-align: center;
cursor: pointer;
white-space: nowrap;
border-radius: 3px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
}
.fs select {
line-height: 24px;
-webkit-padding-end: 0
}
.fs .advSer a {
text-decoration: none;
display: inline-block;
margin-bottom: 0;
margin-top: -5px;
padding: 9px 0
}
.fs .btn {
width: 100%
}
.fs .fsControl:hover,
.fs .fsControl:focus {
text-decoration: none;
}
.fs table {
border-collapse: collapse;
border-spacing: 0;
width: auto;
margin: 0;
}
.fs table .txt-group {
line-height: 1.428571429 !important
}
.fs .formPopup td,
.fs .formPopup th {
vertical-align: middle;
padding: 0;
border: none;
padding: 0 0 10px 0;
}
.fs .formPopup td .form-group,
.fs .formPopup td .frmGrp {
margin: 0 0 0 5px;
}
.fs .residentBody td .form-group,
.fs .residentBody td .frmGrp {
margin: 0;
}
.fs .bookingDiscountBody td .form-group,
.fs .bookingDiscountBody td .frmGrp {
margin: 0;
}
.fs .formPopup tbody {
border: none;
}
.fs .widFix {
width: 100%;
}
.fs .formPopup {
position: absolute;
z-index: 100;
padding-top: 9px;
display: none;
min-width: 150px
}
.fs .radio-inline {
padding-left: 20px;
margin-left: 0;
margin-right: 5px;
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
cursor: pointer;
}
.fs .radio-inline input[type="radio"] {
position: absolute;
margin: 4px 0 0 -20px;
padding: 0;
}
.fs .popupTitle {
padding: 2px
}
.fs .popupClose {
height: 28px;
width: 30px;
position: absolute;
top: 15px;
right: 7px;
cursor: pointer
}
.fs .formCon {
border-top: none !important;
padding: 15px 15px 1px
}
.fs .titleInner {
padding: 10px 35px 10px 13px;
}
.fs .td1 {
width: 60%
}
.fs .td2 {
width: 30%
}
.fs .fsDone {
margin-bottom: 15px;
width: auto;
float: right
}
.fs .fsPop {
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0.6;
z-index: 5000;
display: none
}
.fs .fsTLnk {
float: left;
line-height: 24px;
padding-right: 5px;
}
.fs .fsHeightFix {
line-height: 12px;
padding-top: 1px;
}
.fs .fsWrapPop {
position: relative;
width: 100%;
z-index: 6000
}
.fs .petLbl {
padding-right: 5px !important;
}
.fs .frmBor {
width: 100%;
height: 30px;
position: relative;
border-radius: 3px;
margin: 0 0 -10px 0;
overflow: hidden;
display: inline-block;
*display: inline;
zoom: 1;
}
.fs .frmHol {
position: absolute;
top: 0;
left: 5px;
height: 30px;
line-height: 30px;
padding-right: 12px;
}
.fs .frmBor .form-control {
opacity: 0;
_noFocusLine: expression(this.hideFocus=true);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
-ms-appearance: none;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border: 0 none;
display: block;
margin: 0 20px 0 0;
width: 100%;
*width: auto;
outline: none;
}
.fs .frmBor.disabled {
background-image: none;
cursor: not-allowed;
pointer-events: none;
}
.fs .wc {
margin-top: 5px;
padding-left: 23px;
}
.fs .wc input {
margin: 3px 0 0
}
.fs .petLbl {
line-height: 30px
}
.fs .petGrp {
position: relative;
display: table;
border-collapse: separate;
margin: 0 0 0 5px;
}
.fs .petGrp .input-group-btn {
position: relative;
white-space: nowrap;
vertical-align: middle;
width: 1%;
display: table-cell
}
.fs .petGrp label {
border-left: none;
border-right: none;
text-align: center;
position: relative;
float: left;
width: 100%;
margin-bottom: 0;
display: table-cell;
border-radius: 0;
padding: 5px 10px
}
.fs .petGrp .btn-default {
text-align: left;
text-decoration: none;
position: relative;
padding: 4px 14px;
line-height: 21px;
height: 30px;
}
.fs .petGrp .btn-default:hover {
background-image: none;
}
.fs .input-group-btn:first-child>.btn {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.fs .input-group-btn:last-child>.btn {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
margin-left: 0;
}
.fs .disabled,
.fs .petGrp .btn-default.disabled {
opacity: 1.0;
cursor: not-allowed;
pointer-events: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.fs #curLbl {
font-size: 13px;
}
.fs #curBtn {
padding-right: 19px;
line-height: 1.42857143;
}
.fs .txt-group {
margin-bottom: 5px
}
.fsCon .popUp,
#divDiffOutRet {
display: none;
}
#backgroundPopup,
#backgroundPopupBE {
display: none;
position: fixed;
_position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 9000 !important;
}
.fsCon .popUp {
width: 75%;
max-width: 600px;
z-index: 10000 !important;
position: absolute;
padding: 2px;
}
.fsCon .popUp .header {
padding-left: 10px;
line-height: 30px;
margin: 0;
}
.fsCon .popUp .content {
padding: 8px 10px 10px 10px;
margin: 0;
clear: both;
max-height: 500px;
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.fsCon .popUp .content p {
margin-bottom: 10px;
}
.fsCon .popUp .closeBtn {
height: 28px;
width: 30px;
position: absolute;
right: -16px;
top: -13px;
cursor: pointer;
z-index: 100;
}
.ui-autocomplete .ui-menu-item .location {
display: inline !important
}
.noMatchingPortClass {
font-size: 11px !important;
color: #7D7D7D !important;
font-weight: 400 !important;
border-bottom: none !important;
}
</style>
<div id="frm" class="fsCon">
<div class="fs sayt" id="vmAll">
<input type="hidden" name="stdc_hid" value="DF10F">
<input type="hidden" name="stdc" data-bind="value: STDC()" value="DF10F">
<input type="hidden" name="h_currencyid" data-bind="value: currencyId()" value="2">
<input type="hidden" name="h_journeytype" data-bind="value: journeyRadioValue()" value="2">
<input type="hidden" name="h_diffoutret" data-bind="value: diffOutRetDetails()" value="false">
<input type="hidden" name="h_legs" data-bind="value: legListJSON()" value="[]">
<input type="hidden" name="tracking_data" data-bind="value: dftracking_data">
<div id="dealP">
<div class="fsRadios">
<label class="radio-inline return"><input type="radio" name="journey" value="2" id="returnJ" data-bind="checked: journeyRadioValue"> Voyage aller-retour</label>
<label class="radio-inline oneway"><input type="radio" name="journey" value="1" id="singleJ" data-bind="checked: journeyRadioValue"> Aller simple</label>
</div>
<div class="sm12" style="display:none" data-bind="visible: showErrors()=='true'">
<div class="form-group">
<div class="errDiv">
<table data-bind="foreach: errorList()"></table>
</div>
</div>
</div>
<div class="sm6" data-bind="attr: {'class': showMinWizControls()=='true' ? 'sm6' : 'sm4'}">
<div class="form-group">
<input id="txtrouteout" type="text" name="routeout" class="form-control input-sm ui-autocomplete-input" data-bind="attr: {placeholder: txtSearchAsYouType(), value: routeData().legOut().routeName}"
placeholder="Entrez un port, un pays ou un opérateur" value="" autocomplete="off">
</div>
</div>
<div class="sm6" data-bind="visible: showReturnRoute()=='true', attr: {'class': showMinWizControls()=='true' ? 'sm6' : 'sm4 padLft'}">
<div class="form-group">
<input id="txtrouteret" type="text" name="routeret" class="form-control input-sm ui-autocomplete-input" data-bind="attr: {placeholder: txtSearchAsYouTypeReturn(), value: routeData().legRet().routeName}"
placeholder="Entrez un port, un pays ou un opérateur" value="" autocomplete="off">
</div>
</div>
<!-- Outbound details Start -->
<div class="sm6" style="padding:0;" data-bind="visible: showMinWizControls()=='true', attr: {'class': showReturnControls()=='true' ? 'sm6' : 'sm12'}">
<div class="sm6 padRht" data-bind="visible: showMinWizControls()=='true', attr: {'class': showReturnControls()=='true' ? 'sm6 padRht' : 'sm6'}">
<div class="form-group">
<label>Départ le</label>
<input name="cal_out" type="text" id="cal_out" readonly="readonly" mindate="" maxdate="" class="form-control fsBtn disabled"
data-bind="attr: {'class': (disableControlsOut()=='true' || disableControls()=='true') ? 'form-control fsBtn disabled' : 'form-control fsBtn'}" causesvalidation="False">
<!--AB-392 -->
</div>
</div>
<div class="sm6 padLft" data-bind="visible: showMinWizControls()=='true', attr: {'class': showReturnControls()=='true' ? 'sm6 padLft' : 'sm6'}">
<div class="form-group">
<label class="mHide" data-bind="visible: showOpenOut()=='false'"> </label>
<label for="openOut" data-bind="visible: showOpenOut()=='true'" style="display: none;"> Billet ouvert? <input style="float:right;margin-left:5px;" type="checkbox" id="openOut"
data-bind="checked: legOut() && legOut().sailing().isOpenChecked, click: openOutChanged">
</label>
<select id="timeOut" class="form-control input-sm disabled"
data-bind="options: routeData().legOut().times, optionsText: 'ddText', optionsValue: 'ddVal', value: legOut() && legOut().sailing().timeId, enable:disableControlsOut()=='false' && disableControls()=='false', attr: {'class':disableControlsOut()=='true' || disableControls()=='true' ? 'form-control input-sm disabled' : 'form-control input-sm'}, valueAllowUnset: true"
disabled=""></select>
</div>
</div>
<!-- different outbound details Start -->
<div class="sm12" data-bind="visible: showMinWizControls()=='true' && showDiffOutRetControls()=='true', attr: {'class': showPetsOut()=='true' ? 'sm6 padRht' : 'sm12'}" style="display: none;">
<div class="form-group">
<a id="passBtnOut" href="javascript:popUp('#passPopupOut', '#passBtnOut');" data-bind="text: displayPassengersOut, attr: {'class': disableControls()=='true' ? 'fsBtn fsControl disabled' : 'fsBtn fsControl'}" class="fsBtn fsControl disabled">Combien de passagers ?</a>
</div>
</div>
<div class="sm6 padLft" data-bind="visible: showPetsOut()=='true' && showDiffOutRetControls()=='true'" style="display: none;">
<div class="form-group" data-bind="visible: showPetsOut()=='true'" style="display: none;">
<a id="petsBtnOut" href="javascript:popUp('#petsPopupOut', '#petsBtnOut');" data-bind="text: displayPetsTotalOut, attr: {'class': disableControls()=='true' ? 'fsBtn fsControl disabled' : 'fsBtn fsControl'}" class="fsBtn fsControl disabled">0 animaux</a>
</div>
</div>
<div class="sm12" data-bind="visible: showMinWizControls()=='true' && showDiffOutRetControls()=='true'" style="display: none;">
<div class="form-group">
<a id="vehBtnOut" href="javascript:popUp('#vehPopupOut', '#vehBtnOut');" data-bind="visible: showMinWizControls()=='true', text: displayHowTravellingOut, attr: {'class': disableControls()=='true' ? 'fsBtn fsControl disabled' : 'fsBtn fsControl'}" class="fsBtn fsControl disabled">Comment voyagez-vous?</a>
</div>
</div>
</div>
<!-- Return details Start -->
<div class="sm6" style="padding:0;" data-bind="visible: showReturnControls()=='true'">
<div class="sm6 padRht" data-bind="visible: showReturnControls()=='true'">
<div class="form-group">
<label>Retour le</label>
<input name="cal_ret" type="text" id="cal_ret" readonly="readonly" mindate="" maxdate="" class="form-control fsBtn disabled"
data-bind="attr: {'class': disableControlsReturn()=='true' ? 'form-control fsBtn disabled' : 'form-control fsBtn'}" causesvalidation="False">
<!--AB-392 -->
</div>
</div>
<div class="sm6 padLft" data-bind="visible: showReturnControls()=='true'">
<div class="form-group">
<label class="mHide" data-bind="visible: showOpenReturn()=='false'"> </label>
<label for="openReturn" data-bind="visible: showOpenReturn()=='true'" style="display: none;"> Billet ouvert? <input style="float:right;margin-left:5px;" type="checkbox" id="openReturn"
data-bind="checked:legRet() && legRet().sailing().isOpenChecked, disable: disableControlsOut()=='true'" disabled="">
</label>
<select id="timeRet" class="form-control input-sm disabled"
data-bind="options: routeData().legRet().times, optionsText: 'ddText', optionsValue: 'ddVal', value: legRet() && legRet().sailing().timeId, enable: disableControlsReturn()=='false', attr: {'class': disableControlsReturn()=='true' ? 'form-control input-sm disabled' : 'form-control input-sm'}, valueAllowUnset: true"
disabled=""></select>
</div>
</div>
<!-- different return details Start -->
<div class="sm12" data-bind="visible: showMinWizControls()=='true' && showDiffOutRetControls()=='true', attr: {'class': showPetsRet()=='true' ? 'sm6 padRht' : 'sm12'}" style="display: none;">
<div class="form-group">
<a id="passBtnRet" href="javascript:popUp('#passPopupRet', '#passBtnRet');" data-bind="text: displayPassengersRet, attr: {'class': disableControls()=='true' ? 'fsBtn fsControl disabled' : 'fsBtn fsControl'}" class="fsBtn fsControl disabled">Combien de passagers ?</a>
</div>
</div>
<div class="sm6 padLft" data-bind="visible: showPetsRet()=='true' && showDiffOutRetControls()=='true'" style="display: none;">
<div class="form-group" data-bind="visible: showPetsRet()=='true'" style="display: none;">
<a id="petsBtnRet" href="javascript:popUp('#petsPopupRet', '#petsBtnRet');" data-bind="text: displayPetsTotalRet, attr: {'class': disableControls()=='true' ? 'fsBtn fsControl disabled' : 'fsBtn fsControl'}" class="fsBtn fsControl disabled">0 animaux</a>
</div>
</div>
<div class="sm12" data-bind="visible: showMinWizControls()=='true' && showDiffOutRetControls()=='true'" style="display: none;">
<div class="form-group">
<a id="vehBtnRet" href="javascript:popUp('#vehPopupRet', '#vehBtnRet');" data-bind="visible: showMinWizControls()=='true', text: displayHowTravellingRet, attr: {'class': disableControls()=='true' ? 'fsBtn fsControl disabled' : 'fsBtn fsControl'}" class="fsBtn fsControl disabled">Comment voyagez-vous?</a>
</div>
</div>
</div>
<!-- Non different details starts -->
<div class="sm12" style="padding:0;" data-bind="visible: showMinWizControls()=='true' && showDiffOutRetControls()=='false'">
<div class="sm6" data-bind="visible: showMinWizControls()=='true', attr: {'class': showPetsOut()=='true' ? 'sm3 padRht' : 'sm6'}">
<div class="form-group">
<a id="passBtnBoth" href="javascript:popUp('#passPopupOut', '#passBtnBoth');" data-bind="text: displayPassengersOut, attr: {'class': disableControls()=='true' ? 'fsBtn fsControl disabled' : 'fsBtn fsControl'}" class="fsBtn fsControl disabled">Combien de passagers ?</a>
</div>
</div>
<div class="sm3 padLft" data-bind="visible: showPetsOut()=='true'" style="display: none;">
<div class="form-group" data-bind="visible: showPetsOut()=='true'" style="display: none;">
<a id="petsBtnBoth" href="javascript:popUp('#petsPopupOut', '#petsBtnBoth');" data-bind="text: displayPetsTotalOut, attr: {'class': disableControls()=='true' ? 'fsBtn fsControl disabled' : 'fsBtn fsControl'}" class="fsBtn fsControl disabled">0 animaux</a>
</div>
</div>
<div class="sm6" data-bind="visible: showMinWizControls()=='true'">
<div class="form-group">
<a id="vehBtnBoth" href="javascript:popUp('#vehPopupOut', '#vehBtnBoth');" data-bind="visible: showMinWizControls()=='true', text: displayHowTravellingOut, attr: {'class': disableControls()=='true' ? 'fsBtn fsControl disabled' : 'fsBtn fsControl'}" class="fsBtn fsControl disabled">Comment voyagez-vous?</a>
</div>
</div>
</div>
<div class="sm9 advSer" data-bind="visible: showMinWizControls()=='true'">
<label class="checkRadio rht" data-bind="visible: showReturnControls()=='true'">Détails différents entre l'aller et le retour ? <input type="checkbox" id="diffOutRet"
data-bind="checked: diffOutRetDetails, event {click : diffOutRetDetailsChanged} ">
</label>
<label data-bind="visible: showReturnControls()=='true'"> | </label>
<!-- ko if: routeData().currencies().length > 1--><!-- /ko -->
<!-- ko if: routeData().currencies().length <= 1-->
<label id="curLbl" data-bind="text: displayCurrency"></label>
<!-- /ko -->
</div>
<div class="sm3 padLft fsBtn mobPad" data-bind="attr: {'class': showMinWizControls()=='true' ? 'sm3 padLft fsBtn mobPad' : 'sm4 padLft fsBtn mobPad'}">
<div class="form-group">
<button id="btnSearch" type="submit" data-bind="click: onSubmit, attr: {'class': disableControls()=='true' ? 'btn btn-success disabled' : 'btn btn-success'}" class="btn btn-success disabled">Rechercher</button>
</div>
</div>
<div class="cl"></div>
</div>
<!-- Currency -->
<div class="formPopup" id="curPopup">
<div class="popupClose"></div>
<div class="popupTitle">
<div class="titleInner">Devise</div>
</div>
<div class="formCon">
<div class="form-group">
<select class="form-control input-sm" id="curSelect" data-bind="options: routeData().currencies, optionsText: 'ddText', optionsValue: 'ddVal', value: currencyId, enable: disableControls()=='false', valueAllowUnset: true"
disabled=""></select>
</div>
<span class="fsDone">Confirmer</span>
<div class="cl"></div>
</div>
</div>
<!-- Passengers -->
<div class="formPopup" id="passPopupOut">
<div class="popupClose"></div>
<div class="popupTitle">
<div class="titleInner"> Total passagers et âges <!-- ko if: showDiffOutRetControls() == 'true' --><!-- /ko -->
</div>
</div>
<div class="formCon" data-bind="event {change : paxChangedOut }">
<table class="table widFix">
<tbody>
<tr class="tps">
<td class="td1">
<div class="txt-group" style="line-height: 32px;" data-bind="text: captionTotalPassengers()">Passagers (y compris le conducteur)</div>
</td>
<td class="td2">
<div class="form-group"><select id="ps1Out" class="form-control input-sm"
data-bind="options: passengerTotalsList, optionsText: 'ddText', optionsValue: 'ddVal', value: legOut().passengersTotal, valueAllowUnset: true "></select></div>
</td>
<td></td>
</tr>
</tbody>
</table>
<table data-bind="foreach: legOut().paxList()"></table>
<!-- ko if: routeData().legOut().bookingDiscounts().length > 0 --><!-- /ko -->
<!-- ko if: routeData().legOut().residentDiscounts().length > 0 --><!-- /ko -->
<span class="fsDone">Confirmer</span>
<div class="cl"></div>
</div>
</div>
<div class="formPopup" id="passPopupRet">
<div class="popupClose"></div>
<div class="popupTitle">
<div class="titleInner"> Total passagers et âges <!-- ko if: showDiffOutRetControls() == 'true' --><!-- /ko -->
</div>
</div>
<div class="formCon" data-bind="event {change : paxChangedRet }">
<table class="table widFix">
<tbody>
<tr class="tps">
<td class="td1">
<div class="txt-group" style="line-height: 32px;" data-bind="text: captionTotalPassengers()">Passagers (y compris le conducteur)</div>
</td>
<td class="td2">
<div class="form-group"><select id="ps1Ret" class="form-control input-sm"
data-bind="options: passengerTotalsList, optionsText: 'ddText', optionsValue: 'ddVal', value: legRet().passengersTotal, valueAllowUnset: true "></select></div>
</td>
<td></td>
</tr>
</tbody>
</table>
<table data-bind="foreach: legRet().paxList()"></table>
<!-- ko if: routeData().legRet().bookingDiscounts().length > 0 --><!-- /ko -->
<!-- ko if: routeData().legRet().residentDiscounts().length > 0 --><!-- /ko -->
<span class="fsDone">Confirmer</span>
<div class="cl"></div>
</div>
</div>
<!-- Pets -->
<div class="formPopup" id="petsPopupOut" data-bind="visible: showPetsOut()=='true'" style="display: none;">
<div class="popupClose"></div>
<div class="popupTitle">
<div class="titleInner"> Détails Animaux <!-- ko if: showDiffOutRetControls() == 'true' --><!-- /ko -->
</div>
</div>
<div class="formCon">
<table class="table" data-bind="foreach: legOut().petList"></table>
<a class="smlLnk fsTLnk" href="Javascript:loadPopup('petdetails');" "="">Conditions animaux</a>
<span class="fsDone">Confirmer</span>
<div class="cl"></div>
</div>
</div>
<div class="formPopup" id="petsPopupRet" data-bind="visible: showPetsRet()=='true'" style="display: none;">
<div class="popupClose"></div>
<div class="popupTitle">
<div class="titleInner">
Détails Animaux
<!-- ko if: showDiffOutRetControls() == 'true' --><!-- /ko -->
</div>
</div>
<div class="formCon">
<table class="table" data-bind="foreach: legRet().petList"></table>
<a class="smlLnk fsTLnk" href="Javascript:loadPopup('petdetails');" "="">Conditions animaux</a>
<span class="fsDone">Confirmer</span>
<div class="cl"></div>
</div>
</div><!-- Do not remove or do any line breaks -->
<!-- Vehicles -->
<div class="formPopup" id="vehPopupOut">
<div class="popupClose"></div>
<div class="popupTitle">
<div class="titleInner"> Caractéristiques Du Véhicule <!-- ko if: showDiffOutRetControls() == 'true' --><!-- /ko -->
</div>
</div>
<div class="formCon" data-bind="event {change : vehChangedOut }">
<div class="form-group">
<label class="radio-inline"><input type="radio" name="vehicleTypeOut" value="false" id="noVehOut"
data-bind="enable: routeData().legOut().hasFootpassenger()=='true', checked: legOut() && legOut().vehicle().vehicleRadioValue" disabled=""><span
data-bind="style: {color: routeData().legOut().hasFootpassenger()=='false' ? 'grey' : '' }, text: noVehicleTextOut() ">Sans véhicule</span></label>
<label class="radio-inline"><input type="radio" name="vehicleTypeOut" value="true" id="withVehOut"
data-bind="enable: routeData().legOut().hasVehicle()=='true', checked: legOut() && legOut().vehicle().vehicleRadioValue" disabled=""><span
data-bind="style: {color: routeData().legOut().hasVehicle()=='false' ? 'grey' : '' }, text: hasVehicleTextOut()">Avec véhicule (un véhicule seulement par réservation)</span></label>
</div>
<div class="form-group" id="vehTypeConOut" data-bind="visible: showVehicleTypesOut()=='true'">
<select class="form-control input-sm" id="vehTypeOut"
data-bind="options: routeData().legOut().vehicleTypes, optionsText: 'ddText', optionsValue: 'ddVal', value: legOut() && legOut().vehicle().vehicleTypeId, valueAllowUnset: true "></select>
</div>
<div class="form-group" id="carGroupOut" data-bind="visible: showVehicleMakesOut()=='true'" style="display: none;">
<div class="form-group">
<select class="form-control input-sm" id="vehMakeOut"
data-bind="options: routeData().legOut().vehicleMakes, optionsText: 'ddText', optionsValue: 'ddVal', value: legOut() && legOut().vehicle().vehicleMakeId, valueAllowUnset: true "></select>
</div>
<div class="form-group" data-bind="visible: IsOtherMakeSelectedOut()=='false'">
<select class="form-control input-sm" id="vehModelOut"
data-bind="options: vehicleModelListOut, optionsText: 'ddText', optionsValue: 'ddVal', value: legOut() && legOut().vehicle().vehicleModelId, enable: enableVehicleMakeOut()=='true', valueAllowUnset: true, optionsCaption: vehModel"
disabled="">
<option value="">Modèle du Véhicule</option>
</select>
</div>
</div>
<div id="enterDetailsOut" data-bind="visible: showVehicleDetailsOtherOut()=='true'" style="display: none;">
<div class="txt-group" data-bind="text: txtVehicleEnterDetailsOut(), style: {fontWeight: 'bold'}" style="font-weight: bold;">Veuillez indiquer les caractéristiques ci-dessous</div>
<div class="form-group">
<input type="text" class="form-control input-sm" id="eVehMakeOut" data-bind="attr: {placeholder: txtVehicleMake()}, value: legOut() && legOut().vehicle().vehicleMakeEntered"
placeholder="Renseigner la marque du véhicule">
</div>
<div class="form-group">
<input type="text" class="form-control input-sm" id="eVehModelOut" data-bind="attr: {placeholder: txtVehicleModel()}, value: legOut() && legOut().vehicle().vehicleModelEntered"
placeholder="Renseigner le modèle du véhicule">
</div>
</div>
<div class="form-group" id="enterMoreDetailsOut" data-bind="visible: showVehicleDimensionsOut()=='true'" style="display: none;">
<div class="form-group">
<select class="form-control input-sm" id="VehLengthOut"
data-bind="options: vehDimOut().vehicleLengths, optionsText: 'ddText', optionsValue: 'ddVal', value: legOut() && legOut().vehicle().vehicleLengthId, valueAllowUnset: true "></select>
</div>
<div class="form-group">
<select class="form-control input-sm" id="VehHeightOut"
data-bind="options: vehDimOut().vehicleHeights, optionsText: 'ddText', optionsValue: 'ddVal', value: legOut() && legOut().vehicle().vehicleHeightId, valueAllowUnset: true "></select>
</div>
</div>
<div class="form-group" id="vanDetailsOut" data-bind="visible: showVanCommercialGoodsOut()=='true'" style="display: none;">
<div class="form-group">
<div class="checkbox">
<label>
<input type="checkbox" id="commercialGoodsOut" data-bind="checked: legOut() && legOut().vehicle().commercialGoodsChecked">
<div data-bind="text: txtCarryingCommercialGoods(), style: {fontWeight: 'bold'}" style="font-weight: bold;">Transportez-vous des marchandises commerciales ?</div>
</label>
</div>
</div>
</div>
<div class="form-group" id="addLengthHeightGroupOut" data-bind="visible: showAddLengthHeightOut()=='true'" style="display: none;">
<div class="txt-group" data-bind="text: txtAddLengthHeight(), style: {fontWeight: 'bold'}" style="font-weight: bold;">Transportez-vous quelque chose sur votre véhicule (coffre de toit, bagages, vélos, etc)?</div>
<div class="txt-group" data-bind="visible: showAddLengthHeightOut()=='true'" style="display: none;">
<label class="radio-inline"><input type="radio" name="heightOut" value="false" id="noAddLengthHeightOut" data-bind="checked: legOut() && legOut().vehicle().addLengthHeightRadioValue"><span
data-bind="text: noAddLengthHeightText() ">Non</span></label>
<label class="radio-inline"><input type="radio" name="heightOut" value="true" id="withAddLengthHeightOut" data-bind="checked: legOut() && legOut().vehicle().addLengthHeightRadioValue"><span
data-bind="text: yesAddLengthHeightText() ">Oui</span></label>
</div>
<div class="form-group" id="addLengthOut" data-bind="visible: legOut() && legOut().vehicle().addLengthHeightRadioValue()=='true'" style="display: none;">
<select class="form-control input-sm" id="additionalLengthOut"
data-bind="options: vehDimOut().addLengths, optionsText: 'ddText', optionsValue: 'ddVal', value: legOut() && legOut().vehicle().vehicleAdditionalLengthId, valueAllowUnset: true "></select>
</div>
<div class="form-group" id="addHeightOut" data-bind="visible: legOut() && legOut().vehicle().addLengthHeightRadioValue()=='true'" style="display: none;">
<select class="form-control input-sm" id="additionalHeightOut"
data-bind="options: vehDimOut().addHeights, optionsText: 'ddText', optionsValue: 'ddVal', value: legOut() && legOut().vehicle().vehicleAdditionalHeightId, valueAllowUnset: true "></select>
</div>
</div>
<div class="form-group" id="trailer" data-bind="visible: showTrailerOut()=='true'" style="display: none;">
<div class="txt-group" data-bind="text: txtCaravanDetails(), style: {fontWeight: 'bold'}" style="font-weight: bold;">Caractéristiques de la caravane/remorque</div>
<div class="txt-group">
<label class="radio-inline"><input type="radio" name="carvanOut" value="false" id="noTrailerOut" data-bind="checked: legOut() && legOut().vehicle().caravanTrailerRadioValue"><span
data-bind="text: noCaravanTrailerText() ">Pas de caravane/remorque</span></label>
<label class="radio-inline"><input type="radio" name="carvanOut" value="true" id="withTrailerOut" data-bind="checked: legOut() && legOut().vehicle().caravanTrailerRadioValue"><span
data-bind="text: yesCaravanTrailerText() ">Avec caravane/remorque</span></label>
</div>
<div id="trailerGroup" data-bind="visible: legOut() && legOut().vehicle().caravanTrailerRadioValue()=='true'" style="display: none;">
<div class="form-group">
<select class="form-control input-sm" id="trailerTypeOut"
data-bind="options: vehDimOut().caravanTypes, optionsText: 'ddText', optionsValue: 'ddVal', value: legOut() && legOut().vehicle().caravanTrailerTypeId, valueAllowUnset: true "></select>
</div>
<div class="form-group">
<select class="form-control input-sm" id="trailerLengthOut"
data-bind="options: vehDimOut().caravanLengths, optionsText: 'ddText', optionsValue: 'ddVal', value: legOut() && legOut().vehicle().caravanTrailerLengthId, valueAllowUnset: true "></select>
</div>
<div class="form-group">
<select class="form-control input-sm" id="trailerHeightOut"
data-bind="options: vehDimOut().caravanHeights, optionsText: 'ddText', optionsValue: 'ddVal', value: legOut() && legOut().vehicle().caravanTrailerHeightId, valueAllowUnset: true "></select>
</div>
</div>
</div>
<span class="fsDone">Confirmer</span>
<div class="cl"></div>
</div>
</div>
<div class="formPopup" id="vehPopupRet">
<div class="popupClose"></div>
<div class="popupTitle">
<div class="titleInner"> Caractéristiques Du Véhicule <!-- ko if: showDiffOutRetControls() == 'true' --><!-- /ko -->
</div>
</div>
<div class="formCon" data-bind="event {change : vehChangedRet }">
<div class="form-group">
<label class="radio-inline"><input type="radio" name="vehicleTypeRet" value="false" id="noVehRet"
data-bind="enable: routeData().legRet().hasFootpassenger()=='true', checked: legRet() && legRet().vehicle().vehicleRadioValue" disabled=""><span
data-bind="style: {color: routeData().legRet().hasFootpassenger()=='false' ? 'grey' : '' }, text: noVehicleTextRet() ">Sans véhicule</span></label>
<label class="radio-inline"><input type="radio" name="vehicleTypeRet" value="true" id="withVehRet"
data-bind="enable: routeData().legRet().hasVehicle()=='true', checked: legRet() && legRet().vehicle().vehicleRadioValue" disabled=""><span
data-bind="style: {color: routeData().legRet().hasVehicle()=='false' ? 'grey' : '' }, text: hasVehicleTextRet()">Avec véhicule (un véhicule seulement par réservation)</span></label>
</div>
<div class="form-group" id="vehTypeConRet" data-bind="visible: showVehicleTypesRet()=='true'">
<select class="form-control input-sm" id="vehTypeRet"
data-bind="options: routeData().legRet().vehicleTypes, optionsText: 'ddText', optionsValue: 'ddVal', value: legRet() && legRet().vehicle().vehicleTypeId, valueAllowUnset: true "></select>
</div>
<div class="form-group" id="carGroupRet" data-bind="visible: showVehicleMakesRet()=='true'" style="display: none;">
<div class="form-group">
<select class="form-control input-sm" id="vehMakeRet"
data-bind="options: routeData().legRet().vehicleMakes, optionsText: 'ddText', optionsValue: 'ddVal', value: legRet() && legRet().vehicle().vehicleMakeId, valueAllowUnset: true "></select>
</div>
<div class="form-group" data-bind="visible: IsOtherMakeSelectedRet()=='false'">
<select class="form-control input-sm" id="vehModelRet"
data-bind="options: vehicleModelListRet, optionsText: 'ddText', optionsValue: 'ddVal', value: legRet() && legRet().vehicle().vehicleModelId, enable: enableVehicleMakeRet()=='true', valueAllowUnset: true, optionsCaption: vehModel "
disabled="">
<option value="">Modèle du Véhicule</option>
</select>
</div>
</div>
<div id="enterDetailsRet" data-bind="visible: showVehicleDetailsOtherRet()=='true'" style="display: none;">
<div class="txt-group" data-bind="text: txtVehicleEnterDetailsRet(), style: {fontWeight: 'bold'}" style="font-weight: bold;">Veuillez indiquer les caractéristiques ci-dessous</div>
<div class="form-group">
<input type="text" class="form-control input-sm" id="eVehMakeRet" data-bind="attr: {placeholder: txtVehicleMake()}, value: legRet() && legRet().vehicle().vehicleMakeEntered"
placeholder="Renseigner la marque du véhicule">
</div>
<div class="form-group">
<input type="text" class="form-control input-sm" id="eVehModelRet" data-bind="attr: {placeholder: txtVehicleModel()}, value: legRet() && legRet().vehicle().vehicleModelEntered"
placeholder="Renseigner le modèle du véhicule">
</div>
</div>
<div class="form-group" id="enterMoreDetailsRet" data-bind="visible: showVehicleDimensionsRet()=='true'" style="display: none;">
<div class="form-group">
<select class="form-control input-sm" id="VehLengthRet"
data-bind="options: vehDimRet().vehicleLengths, optionsText: 'ddText', optionsValue: 'ddVal', value: legRet() && legRet().vehicle().vehicleLengthId, valueAllowUnset: true "></select>
</div>
<div class="form-group">
<select class="form-control input-sm" id="VehHeightRet"
data-bind="options: vehDimRet().vehicleHeights, optionsText: 'ddText', optionsValue: 'ddVal', value: legRet() && legRet().vehicle().vehicleHeightId, valueAllowUnset: true "></select>
</div>
</div>
<div class="form-group" id="vanDetailsRet" data-bind="visible: showVanCommercialGoodsRet()=='true'" style="display: none;">
<div class="form-group">
<div class="checkbox">
<label>
<input type="checkbox" id="commercialGoodsRet" data-bind="checked: legRet() && legRet().vehicle().commercialGoodsChecked">
<div data-bind="text: txtCarryingCommercialGoods(), style: {fontWeight: 'bold'}" style="font-weight: bold;">Transportez-vous des marchandises commerciales ?</div>
</label>
</div>
</div>
</div>
<div class="form-group" id="addLengthHeightGroupRet" data-bind="visible: showAddLengthHeightRet()=='true'" style="display: none;">
<div class="txt-group" data-bind="text: txtAddLengthHeight(), style: {fontWeight: 'bold'}" style="font-weight: bold;">Transportez-vous quelque chose sur votre véhicule (coffre de toit, bagages, vélos, etc)?</div>
<div class="txt-group" data-bind="visible: showAddLengthHeightRet()=='true'" style="display: none;">
<label class="radio-inline"><input type="radio" name="heightRet" value="false" id="noAddLengthHeightRet" data-bind="checked: legRet() && legRet().vehicle().addLengthHeightRadioValue"><span
data-bind="text: noAddLengthHeightText() ">Non</span></label>
<label class="radio-inline"><input type="radio" name="heightRet" value="true" id="withAddLengthHeightRet" data-bind="checked: legRet() && legRet().vehicle().addLengthHeightRadioValue"><span
data-bind="text: yesAddLengthHeightText() ">Oui</span></label>
</div>
<div class="form-group" id="addLengthRet" data-bind="visible: legRet() && legRet().vehicle().addLengthHeightRadioValue()=='true'" style="display: none;">
<select class="form-control input-sm" id="additionalLengthRet"
data-bind="options: vehDimRet().addLengths, optionsText: 'ddText', optionsValue: 'ddVal', value: legRet() && legRet().vehicle().vehicleAdditionalLengthId, valueAllowUnset: true "></select>
</div>
<div class="form-group" id="addHeightRet" data-bind="visible: legRet() && legRet().vehicle().addLengthHeightRadioValue()=='true'" style="display: none;">
<select class="form-control input-sm" id="additionalHeightRet"
data-bind="options: vehDimRet().addHeights, optionsText: 'ddText', optionsValue: 'ddVal', value: legRet() && legRet().vehicle().vehicleAdditionalHeightId, valueAllowUnset: true "></select>
</div>
</div>
<div class="form-group" id="trailer" data-bind="visible: showTrailerRet()=='true'" style="display: none;">
<div class="txt-group" data-bind="text: txtCaravanDetails(), style: {fontWeight: 'bold'}" style="font-weight: bold;">Caractéristiques de la caravane/remorque</div>
<div class="txt-group">
<label class="radio-inline"><input type="radio" name="carvanRet" value="false" id="noTrailerRet" data-bind="checked: legRet() && legRet().vehicle().caravanTrailerRadioValue"><span
data-bind="text: noCaravanTrailerText() ">Pas de caravane/remorque</span></label>
<label class="radio-inline"><input type="radio" name="carvanRet" value="true" id="withTrailerRet" data-bind="checked: legRet() && legRet().vehicle().caravanTrailerRadioValue"><span
data-bind="text: yesCaravanTrailerText() ">Avec caravane/remorque</span></label>
</div>
<div id="trailerGroup" data-bind="visible: legRet() && legRet().vehicle().caravanTrailerRadioValue()=='true'" style="display: none;">
<div class="form-group">
<select class="form-control input-sm" id="trailerTypeRet"
data-bind="options: vehDimRet().caravanTypes, optionsText: 'ddText', optionsValue: 'ddVal', value: legRet() && legRet().vehicle().caravanTrailerTypeId, valueAllowUnset: true "></select>
</div>
<div class="form-group">
<select class="form-control input-sm" id="trailerLengthRet"
data-bind="options: vehDimRet().caravanLengths, optionsText: 'ddText', optionsValue: 'ddVal', value: legRet() && legRet().vehicle().caravanTrailerLengthId, valueAllowUnset: true "></select>
</div>
<div class="form-group">
<select class="form-control input-sm" id="trailerHeightRet"
data-bind="options: vehDimRet().caravanHeights, optionsText: 'ddText', optionsValue: 'ddVal', value: legRet() && legRet().vehicle().caravanTrailerHeightId, valueAllowUnset: true "></select>
</div>
</div>
</div>
<span class="fsDone">Confirmer</span>
<div class="cl"></div>
</div>
</div>
<div class="popUp" id="passdetails">
<div class="closeBtn" onclick="disablePopup()"></div>
<div class="content">
<b>Résident?</b>
<p>Pour bénéficier du tarif résident sur votre réservation, TOUS les passagers doivent présenter à l'enregistrement une preuve de résidence telle qu'une carte nationale d'identité ou un permis de résident.</p>
</div>
</div>
<div class="popUp" id="petdetails">
<div class="closeBtn" onclick="disablePopup()"></div>
<div class="content">
<b>Animaux</b>
<p>Les passagers voyageant avec un animal de compagnie sont responsables du respect des règlements en vigueur et doivent répondre aux exigences de chaque pays ou territoire de départ et/ou de destination.</p>
<p>Tout document nécessaire à l'embarquement d'un animal doit être un document original. Les photocopies ne seront pas acceptées.</p>
<p>Pour amener votre animal de compagnie avec vous, il est OBLIGATOIRE qu'il soit couvert par le programme de voyage des animaux de compagnie (PVAC).</p>
</div>
</div>
<div class="popUp" id="spanishlargefamilydetails">
<div class="closeBtn" onclick="disablePopup()"></div>
<div class="content">
<b>Famille Nombreuse de nationalité Espagnole?</b>
<p>To get a Spanish nationals large family discount, you must provide at the port the necessary information as proof.</p>
</div>
</div>
<!-- POPUPS END -->
</div>
</div>
<!-- web service calls -->
<div class="popUp " id="divDiffOutRet" style="width:374px;">
<div class="close_btn" onclick="disablePopup()"></div>
<div id="divDiffOutRetContent" class="content" style="padding:0; ">
<iframe id="ifDiffOutRet" src="" scrolling="no" style="width: 362px;height: 275px;border: none; overflow: hidden;" frameborder="0"></iframe>
</div>
</div>
<div id="backgroundPopup"></div>
<!-- exp=''; -->
</div>
</div>
</div>
<div class="popUp" id="map">
<div class="closeBtn" onclick="disablePopup()"></div>
<div class="content" style="overflow: hidden">
</div>
</div>
<script type="text/javascript">
var InitMap = 1;
$(document).ready(function() {});
function loadMap() {
if (InitMap == 1) {
InitMap = 0;
initializeMap();
}
loadPopup('map');
}
$('#lnkChangeSearch').click(function() {
ShowHideDealFinder();
$('#ui-id-1').hide();
});
$('#lnkRoute').click(function() {
setTimeout(function() {
if (!IsMobile) {
$('.rSerFs').show()
$("#txtrouteout").click()
}
$("#cal_out").datepicker('hide');
$("#cal_ret").datepicker('hide');
}, 100)
});
$('#lnkOutDate').click(function() {
setTimeout(function() {
if (!IsMobile) {
$('.rSerFs').show()
$("#cal_out").removeClass("disabled");
$("#cal_out").datepicker('show');
}
$("#cal_ret").datepicker('hide');
$('#ui-id-1').hide();
}, 100)
});
$('#lnkRetDate').click(function() {
setTimeout(function() {
if (!IsMobile) {
$('.rSerFs').show()
$("#cal_ret").removeClass("disabled");
$("#cal_ret").datepicker('show');
}
$("#cal_out").datepicker('hide');
$('#ui-id-1').hide();
}, 100)
});
$('#lnkPassenger').click(function() {
setTimeout(function() {
if (!IsMobile) {
$('.rSerFs').show();
popUp("#passPopupOut", "#passBtnBoth");
}
}, 100)
$('#ui-id-1').hide();
});
$('#lnkPets').click(function() {
setTimeout(function() {
$('.rSerFs').show();
if (!IsMobile) {
popUp("#petsPopupOut", "#petsBtnBoth");
}
}, 100)
$('#ui-id-1').hide();
});
$('#lnkveh').click(function() {
setTimeout(function() {
if (!IsMobile) {
$('.rSerFs').show();
popUp("#vehPopupOut", "#vehBtnBoth");
}
}, 100)
$('#ui-id-1').hide();
});
function ShowHideDealFinder() {
$('#lnkChangeSearch').toggleClass('up');
$('.rSerFs').slideToggle('slow');
}
</script>
<div class="quoteProgress" style="display: none;">
<p>Chargement des prix: <span class="quotes_returned_span">0</span><span> / </span><span class="quotes_total_span">0</span></p>
<div class="quote_loader_div">
<div class="quote_loader_container">
<div class="quote_loader" style="width: 0%;"></div>
</div>
</div>
</div>
<script>
function showNoResultsFoundBanner() {
if (NumberOfQuotes === 0 && $('#ab-urgency-route').length === 0) {
if (ab1221NonPseudoLoading) {
try {
UpdateQuotesOnPageWithErrors();
} catch (e) {
ga('send', 'event', 'AB-1221', 'UpdateQuotesOnPageWithErrors failed');
}
}
$('#noResultsFoundDiv').show();
$('#info').hide();
if ($('#HomePageLink').length > 0) {
$('#HomePageLink')[0].href = $(".logo").parent()[0].href
}
var n = IsMobile ? 'Mobile' : 'Desktop';
if (typeof ga === 'function') {
ga('send', 'event', 'AB-1316 - Extend calendar - A', $('.rsDeets>.title').html(), n);
}
} else {
$('#noResultsFoundDiv').hide();
}
}
</script>
<style>
.prices-rise-msg-div {
background: url('https://static.directferries.co.uk/image/sw-2.png') no-repeat 8px center #fad5cf;
padding-left: 42px;
color: #b30000;
font-size: 15px;
background-image: url('https://static.directferries.co.uk/image/sw-2-animated.gif') !important;
}
.prices-rise-msg-div-hide {
display: none;
}
.prices-rise-msg {
font-weight: 400;
color: #193354
}
</style>
<!--Experiment df_better_urgency_messages -->
<!-- AB-1644 // -->
<!--Experiment df_better_urgency_messages -->
<div id="divQuotesContainer" class="">
<!--- Filters load mask - ADD FILTER EXPERIMENT BOOL TO THIS -->
<div class="expired_quotes_div" style="display:none;">
<div class="error"> Votre session a expiré, veuillez <a id="lnkExpiredQuotes" href="javascript:__doPostBack('lnkExpiredQuotes','')">cliquer ici</a> pour réessayer. </div>
</div>
</div>
</div>
<div class="popUp keepheight" id="divShipReview">
<div class="closeBtn" onclick="disablePopup()"></div>
<h3 class="header" id="divShipReviewTitle"></h3>
<div id="divShipReviewContent" class="content" style="padding:0;">
<iframe id="ifShipReviews" src="" style="width: 100%;height: 495px;border: none;" frameborder="0"></iframe>
</div>
</div>
<div class="popUp keepheight" id="divShipInfo" style="max-width:400px;">
<div class="closeBtn" onclick="disablePopup()"></div>
<h3 class="header" id="divShipInfoTitle"></h3>
<div id="divShipInfoContent" class="content" style="padding:0;">
<iframe id="ifShipInfo" src="" style="width: 100%;height: 495px;border: none;" frameborder="0"></iframe>
</div>
</div>
<div class="popUp keepheight" id="divTimetable">
<div class="closeBtn" onclick="disablePopup()"></div>
<h3 class="header" id="divTimetableTitle"></h3>
<div id="divTimetableContent" class="content" style="padding:0;">
<iframe id="ifTimetable" src="" style="width: 100%;height: 495px;border: none;" frameborder="0"></iframe>
</div>
</div>
</div>
</div>
<script type="text/javascript">
//if(!IsMobile){
$(function() {
$('[data-toggle="tooltip"]').tooltip()
})
// }
</script>
<script type="text/javascript">
$(document).ajaxComplete(function() {
// if (!IsMobile) {
$('[data-toggle="tooltip"]').tooltip();
// }
});
</script>
</form>Name: frmMultiQuote — POST
<form id="frmMultiQuote" name="frmMultiQuote" method="post">
<input type="hidden" id="hdnQuoteArgs" name="hdnQuoteArgs">
<input type="hidden" id="hdnRecentSearchCookieIdAdded" name="hdnRecentSearchCookieIdAdded">
<input name="hdnQuoteKey" type="hidden" id="hdnQuoteKey">
</form>Text Content
Ferries Ferries Mini Croisière Fret Hébergement NOUS CONSULTONS TOUTES LES COMPAGNIES DE FERRY DISPONIBLES AFIN DE TROUVER LE MEILLEUR TARIF. Vous êtes ici: Comparaison Modifiez votre recherche Voyage aller-retour Aller simple Départ le Billet ouvert? Combien de passagers ? 0 animaux Comment voyagez-vous? Retour le Billet ouvert? Combien de passagers ? 0 animaux Comment voyagez-vous? Combien de passagers ? 0 animaux Comment voyagez-vous? Détails différents entre l'aller et le retour ? | Rechercher Devise Confirmer Total passagers et âges Passagers (y compris le conducteur) Confirmer Total passagers et âges Passagers (y compris le conducteur) Confirmer Détails Animaux Conditions animaux Confirmer Détails Animaux Conditions animaux Confirmer Caractéristiques Du Véhicule Sans véhicule Avec véhicule (un véhicule seulement par réservation) Modèle du Véhicule Veuillez indiquer les caractéristiques ci-dessous Transportez-vous des marchandises commerciales ? Transportez-vous quelque chose sur votre véhicule (coffre de toit, bagages, vélos, etc)? Non Oui Caractéristiques de la caravane/remorque Pas de caravane/remorque Avec caravane/remorque Confirmer Caractéristiques Du Véhicule Sans véhicule Avec véhicule (un véhicule seulement par réservation) Modèle du Véhicule Veuillez indiquer les caractéristiques ci-dessous Transportez-vous des marchandises commerciales ? Transportez-vous quelque chose sur votre véhicule (coffre de toit, bagages, vélos, etc)? Non Oui Caractéristiques de la caravane/remorque Pas de caravane/remorque Avec caravane/remorque Confirmer Résident? Pour bénéficier du tarif résident sur votre réservation, TOUS les passagers doivent présenter à l'enregistrement une preuve de résidence telle qu'une carte nationale d'identité ou un permis de résident. Animaux Les passagers voyageant avec un animal de compagnie sont responsables du respect des règlements en vigueur et doivent répondre aux exigences de chaque pays ou territoire de départ et/ou de destination. Tout document nécessaire à l'embarquement d'un animal doit être un document original. Les photocopies ne seront pas acceptées. Pour amener votre animal de compagnie avec vous, il est OBLIGATOIRE qu'il soit couvert par le programme de voyage des animaux de compagnie (PVAC). Famille Nombreuse de nationalité Espagnole? To get a Spanish nationals large family discount, you must provide at the port the necessary information as proof. Chargement des prix: 0 / 0 Votre session a expiré, veuillez cliquer ici pour réessayer. © Directferries.fr