@keyframes fade{
from{
visibility:visible;
opacity:1;
}
to{
opacity:0;
}
}
@keyframes slide{
to{
height:0;
}
}
@keyframes slideInFromRight{
from{
opacity:0.5;
transform:translateX(100%);
}
to{
opacity:1;
transform:translateX(0);
}
}
@keyframes slideInFromLeft{
from{
opacity:0.5;
transform:translateX(-100%);
}
to{
opacity:1;
transform:translateX(0);
}
}
@keyframes zoom{
from{
opacity:0.5;
transform:scale(0);
}
to{
opacity:1;
transform:scale(1);
}
}
@keyframes zoomX2{
from{
transform:scale(1);
}
50%{
transform:scale(2);
}
to{
transform:scale(1);
}
}
@keyframes opening{
from{
transform:scale(1,0);
transform-origin:0 0;
}
to{
transform:scale(1,1);
transform-origin:0 0;
}
}
@keyframes closing{
from{
visibility:visible;
transform:scale(1,1);
transform-origin:0 0;
}
to{
visibility:visible;
transform:scale(1,0);
transform-origin:0 0;
}
}
.lazy{
background-image:none !important;
}
body.user-unknow .when-user-connected,
body.user-unknow .when-user-disconnected,
body.user-unknow .when-user-initialized,
body.user-disconnected .when-user-connected,
body.user-connected .when-user-disconnected,
body.user-disconnected .hide-when-disconnected,
body.user-connected .hide-when-connected{
display:none !important;
visibility:hidden !important;
}
.Page-header{
max-width:1920px;
margin:auto;
min-height:60px;
}
.LandingBody > .Container{
background:#fff;
}
#content{
max-width:1920px;
margin:0 auto;
min-height:calc( 100vh - 57px );
padding:98px 0 1px 0;
}
.Page-header.banner-on,.LandingTopSlider{
margin-top:-98px;
}
@media screen and (max-width:1170px){
#content{padding-top:120px;}
.Page-header.banner-on,.LandingTopSlider{margin-top:-120px }
}
@media screen and (max-width:959px){
#content{padding-top:60px;}
.Page-header.banner-on,.LandingTopSlider{margin-top:-60px }
}
body.on-iframe #content{
min-height:160px;
}
body.site-webview{
background:#f1f1f1;
}
body.site-webview .HomeSearchForm{
position:static;
margin:2em auto;
max-width:840px;
display:block;
}
body.site-webview .HomeSearchForm-tab-wrapper{
width:auto;
}
body.site-biz .HomeSearchForm-tab-wrapper{
background:rgba(31,97,141,0.8);
}
body.site-bkg .HomeSearchForm-tab-wrapper{
background:rgba(84,110,122,0.8);
}
body.site-biz #root{
background:#f1f1f1 fixed;
background-image:radial-gradient(#f1f1f1,#cfd9de);
min-height:100vh;
background:#EBEBEB url(/html/images/imgBody-biz.jpg) repeat-x 0 0;
}
body.site-bkg #root{
background:#546e7a fixed;
background-image:radial-gradient(#bac5c9,#546e7a);
min-height:100vh;
}
body.site-biz #root #content,
body.site-bkg #root #content{
background:#f1f1f1;
}
body.site-biz #root.Booking #content,
body.site-bkg #root.Booking #content{
max-width:1280px;
}
body.site-biz #root.HOME #content,
body.site-bkg #root.HOME #content{
background:none;
}
body.site-biz .LandingBody,
body.site-bkg .LandingBody{
margin:0 auto;
}
.gwt-Agency{display:none }
.BizToolBox{
display:flex;
justify-content:space-between;
padding:10px 0;
}
.BizToolBox > div{
flex:0 1 33%;
margin:0 2px;
}
.BizToolBox > div.double-flex{
flex:0 1 66%;
}
.classBlocTitreBizAccueil{
background:#FFDB00 url("/html/images/jaunetitle.png") no-repeat 0 0;
padding:10px 0 7px 13px;
color:#333333;
font-size:18px;
border-bottom:1px solid white;
clear:both;
}
.classBlocTitreBizAccueil h3{
margin:0;
font-size:16px;
color:#002C4D;
font-weight:bold;
margin-right:38px;
}
.classBlocTitreBizAccueil.bg_fleche{
background:#FFDB00 url("/html/images/bg_fleche.png") no-repeat 100% 0;
cursor:pointer;
padding-bottom:12px;
}
body.DEBUG::before{
content:"DEBUG";
position:fixed;
top:-85px;
left:-130px;
background-color:#ff5733;
transform:rotate(-45deg);
padding:16px 128px;
transform-origin:bottom right;
font-weight:bold;
text-shadow:0 0 16px #fff;
box-shadow:0 0 8px #000;
z-index:100;
}
#SITEFLAG{
position:fixed;
top:-68px;
left:-135px;
background-color:#ffb233;
transform:rotate(-45deg);
padding:16px 128px;
transform-origin:bottom right;
font-weight:bold;
text-shadow:0 0 16px #fff;
box-shadow:0 0 8px #000;
z-index:20;
}
#root{
position:relative;
}
.margin-fix{
height:1px;
margin:0 0 -1px 0;
clear:both;
}
body.site-marque-blanche #root{
max-width:1920px;margin:auto;
}
.BookingDetails{
width:100%;
}
@media screen and (min-width:1024px){
#root{
transition:filter 320ms ease;
}
#root.blurred{
transform:translateZ(0);
filter:blur(2px) grayscale(50%);
}
}
.top-warning{
display:block;
background:#FF6347;
color:#000;
padding:4px;
font-size:12px;
text-align:center;
border-bottom:1px solid #8a6d3b;
}
.top-warning:hover{
text-decoration:none;
color:#000;
}
@keyframes loading-anim{
from{transform:scale(1);opacity:1}
to{transform:scale(2);opacity:0}
}
.loading-box{
position:relative;
display:block;
width:128px;
height:128px;
margin:64px auto;
}
.loading-box.medium{
width:64px;
height:64px;
margin:32px auto;
}
.loading-box.small{
width:32px;
height:32px;
margin:16px auto;
}
.loading-box::before{
content:" ";
position:absolute;
top:0;left:0;right:0;bottom:0;
background:#f6e300;
border-radius:100%;
animation:loading-anim 2s infinite;
z-index:1;
}
.loading-box::after{
content:" ";
position:absolute;
top:0;left:0;right:0;bottom:0;
background:#f6e300 url('/html/2018/img/testamora.png') no-repeat center center;
background-size:80%;
border-radius:100%;
z-index:2;
}
.loading-wrap{
display:flex;
flex-direction:column;
height:100vh;
justify-content:center;
}
.book-info{
display:block;
float:right;
color:#0C4989;
font-weight:bold;
margin:0 8px;
}
.add-to-cart-anim{
position:absolute;
background:#f6e300;
pointer-events:none;
z-index:10;
}
.GwtTravels{
position:relative;
display:inline-block;
*display:inline;
background:#FFF;
position:relative;
cursor:pointer;
height:54px;
line-height:54px;
padding:0 24px;
white-space:nowrap;
color:#00206e;
font-weight:500;
font-size:1.1em;
overflow:hidden;
text-overflow:ellipsis;
width:100%;
}
.GwtTravels span{
font-size:0.65em;
}
.GwtTravels::before{
position:absolute;
top:20px;left:6px;
content:" ";
background-position:-147px -96px;
width:12px;
height:15px;
}
.GwtTravels::after{
content:'\EA01';
font-size:.9em;
font-weight:700;
position:absolute;
right:6px;
vertical-align:middle;
transition:.5s;
font-family:iconfont;
}
.GwtTravels.open::after{
transform:rotate(180deg);
}
.GwtTravels > ul{
display:none;
visibility:hidden;
}
.LandingTopSlider-search-form{
opacity:0;
pointer-events:none;
}
.LandingTopSlider-search-form.started{
opacity:1;
pointer-events:auto;
transition:opacity 320ms ease;
}
.LandingTopSlider-search-form .date-wrap{
flex:1 0 auto;
position:relative;
max-width:50%;
}
.LandingTopSlider-search-form .date-wrap input.date{
width:100%;
text-align:center;
padding:22px 0 0 0;
}
.LandingTopSlider-search-form .date-wrap .date-day{
position:absolute;
top:2px;
left:0;
right:0;
height:0;
pointer-events:none;
text-align:center;
font-size:10px;
line-height:130%;
color:#00206E;
z-index:2;
}
.LandingTopSlider-search-form .date-wrap input.date:disabled,.LandingTopSlider-search-form .date-wrap input.date:disabled + .date-day{
color:#bbb;
}
.LandingPromo-item-number sub{
float:right;
font-size:0.2em;
font-weight:bold;
position:relative;
top:-22px;
}
.LandingTopSlider-search-form .btn-search{
flex:1 0 auto;
}
.LandingTopSlider-search-subtitle{
font-size:0.45em;
}
.cf-MessagePopup{
position:relative;
overflow:hidden;
margin:0;
z-index:100;
animation:zoom 500ms ease-out;
max-width:98%;
max-width:98vw;
max-height:98vh;
overflow:auto;
pointer-events:none;
}
.cf-MessagePopup.hasTarget{
animation:opening 500ms ease-out;
border:1px solid #E4ECEF;
}
.cf-MessagePopup.no-border{
background:transparent;
border:0;
}
.cf-MessagePopup:not(.hasTarget),
.cf-MessagePopup.opened{
transition:320ms;
}
.cf-MessagePopup.closing{
visibility:hidden;
pointer-events:none;
animation:fade 320ms ease-out;
animation-fill-mode:forwards;
}
.cf-MessagePopup.hasTarget.closing{
animation:closing 320ms ease-out;
}
.ie-lte-8 .cf-MessagePopup{
width:340px;
}
.cf-MessagePopup .popupContent{
max-width:100vw;
min-width:280px;
max-height:90vh;
max-height:calc(100vh - 32px);
overflow:auto;
pointer-events:auto;
}
.cf-MessagePopup-Panel .gwt-HTML{
min-width:280px;
max-width:600px;
text-align:justify;
margin-bottom:1em;
}
.cf-MessagePopup.arrow{
margin:12px 0 0 0;
box-shadow:4px 4px 8px rgba(0,0,0,0.6);
}
.cf-MessagePopup.arrow:after{
position:absolute;
left:24px;
bottom:100%;
border:16px solid transparent;
margin-left:-16px;
content:" ";
height:0;
width:0;
z-index:3;
border-bottom-color:#E4ECEF;
}
.cf-MessagePopup.arrow:before{
position:absolute;
left:23px;
bottom:100%;
border:17px solid transparent;
margin-left:-16px;
content:" ";
height:0;
width:0;
z-index:2;
border-bottom-color:inherit;
}
.cf-MessagePopup.cf-PopupRight.arrow{
margin:12px 0 0 0;
}
.cf-MessagePopup.cf-PopupRight.arrow:after{
left:auto;
right:19px;
}
.cf-MessagePopup.cf-PopupRight.arrow:before{
left:auto;
right:18px;
}
.cf-MessagePopup.popup{
padding:14px;
}
.cf-MessagePopup.arrow.msg:after{
border-bottom-color:#DFF2BF;
}
.cf-MessagePopup.error{
padding:14px;
color:#fff;
background:#D8000C;
border-color:#D8000C;
}
.cf-MessagePopup.error a{
color:#fff;
font-weight:bold;
text-decoration:underline;
}
.cf-MessagePopup.arrow.error:after{
border-bottom-color:#D8000C;
}
.cf-MessagePopup-Content > .gwt-HTML{
text-align:justify;
max-width:520px;
}
.cf-MessagePopup-Content .controlbuttons{
display:flex;
margin:0.5em 0 0 0;
justify-content:space-evenly;
}
.cf-MessagePopup-Content p{
margin:0.5em 0;
}
.cf-MessagePopup .close-button{
position:absolute;
top:-23px;
right:-23px;
background:#f1f1f1;
color:#004480;
font-size:22px;
border:2px solid #004480;
border-radius:50%;
width:46px;
height:46px;
transition:color 540ms ease,background 540ms ease;
line-height:0;
text-align:center;
}
.cf-MessagePopup .close-button:hover{
background:#D8000C;
color:#fff;
}
.gwt-PopupPanelGlass{
background:url("/html/img/glass-bg.png") repeat 0 0;
z-index:99;
}
.cf-MessagePanel{
position:relative;
color:#004480;
background:#E4ECEF;
text-align:center;
font-family:Arial;
font-size:12px;
border-radius:3px;
overflow:hidden;
margin:10px 0 0 0;
z-index:100;
padding:14px;
}
.cf-MessagePopup ~ .gwt-PopupPanelGlass{
z-index:101;
}
.cf-MessagePopup ~ .gwt-PopupPanelGlass ~ .cf-MessagePopup{
z-index:102;
}
.cf-MessagePopup.msg,
.cf-MessagePopup.confirm{
background:#f1f1f1;
color:#00206e;
padding:14px;
max-width:620px;
box-shadow:0 0 15px 5px #00206e;
}
@media screen and (max-width:640px){
.cf-MessagePopup.msg,
.cf-MessagePopup.confirm{
max-width:96vw;
}
}
.cf-MessagePanel.error{
background:none repeat scroll 0 0 #D8000C;
color:#FFFFFF;
}
.cf-MessagePanel.info{
background:none repeat scroll 0 0 #6ecd7e;
color:#FFFFFF;
}
.cf-Has-WaitPanel >:not(.cf-WaitPanel){
filter:blur(2px) sepia(50%);
transition:filter 500ms ease;
}
.cf-WaitPanel{
position:absolute;
top:0;left:0;right:0;bottom:0;
z-index:10;
cursor:wait;
}
.cf-WaitPanel .loading-box{
position:absolute;
position:sticky;
top:45%;
top:calc(50% - 32px);
left:0;right:0;
margin:auto;
width:64px;
height:64px;
}
.rich-menu-bg{
position:absolute;
top:0;left:0;right:0;bottom:0;
height:100%;
z-index:98;
display:none;
background-color:transparent;
transition:background-color 1s ease;
}
.rich-menu-bg.dark{
background-color:rgba(0,0,0,0.6);
position:fixed;
}
.rich-menu-bg.open{
display:block;
}
.rich-menu-bg .rich-menu{
position:absolute;
max-width:92vw;
max-height:92vh;
top:0;left:0;
z-index:99;
background:#fff;
padding:5px 10px;
background:#FFF;
box-shadow:0 5px 10px rgba(0,0,0,.5);
color:#00206e;
font-weight:400;
list-style-type:none;
font-size:1.25em;
line-height:1.8em;
overflow:auto;
visibility:hidden;
}
.rich-menu-bg.open .rich-menu{
visibility:visible;
}
ul.rich-menu li{
padding:2px 2px 2px 1.5px;
cursor:pointer;
line-height:125%;
}
ul.rich-menu li span{
font-size:0.65em;
}
ul.rich-menu li.selected{
background:#ffefab;
}
ul.rich-menu li:hover{
background:#f6e300;
}
ul.rich-menu li.separator{
font-weight:bold;
padding-left:2px;
cursor:auto;
}
ul.rich-menu li.separator:hover{
background:transparent;
}
@media screen and (max-width:620px){
ul.rich-menu li{
min-width:80vw;
}
ul.rich-menu li span{
display:none;
}
}
.dualPanel{
display:table;
table-layout:fixed;
width:100%;
max-width:1280px;
margin:auto;
}
.dualPanel-Main{
display:table-cell;
width:67.75%;
vertical-align:top;
box-sizing:border-box;
}
.ie7 .dualPanel-Main{
float:left;
padding:0;
}
.dualPanel-Secondary{
display:table-cell;
position:relative;
max-width:360px;
width:32.25%;
vertical-align:top;
}
.dualPanel-Scrollable{
position:-webkit-sticky;
position:sticky;
top:0;
}
@supports (display:flex){
.dualPanel{
display:flex;
}
.dualPanel-Main{
display:block;
flex:1 1 auto;
}
.dualPanel-Secondary{
display:block;
flex:0 1 auto;
z-index:10;
}
.dualPanel.reverse .dualPanel-Main{
order:2
}
}
@media screen and (max-width:960px){
.dualPanel{
display:block !important;
}
.dualPanel .dualPanel-Main{
width:100% !important;
padding:0 !important;
}
.dualPanel .dualPanel-Secondary{
width:auto !important;
max-width:none;
}
.dualPanel-Scrollable{
position:static;
}
}
.message-info,.message-vp,.message-warning,.message-error,.message-important,.message-top-deal,.message-debug,.message-blue,.message-lightblue{
position:relative;
margin:4px 0;
padding:4px 8px 4px 32px;
text-align:left;
background:#DBE4EB url('/html/img/ico_info_16.png') no-repeat 4px 4px;
font-size:14px;
line-height:125%;
color:#00206e;
}
.message-blue{
padding:4px 8px;
color:#fff;
background:#00206e;
}
.no-margin{
margin:0;
}
.backetprestations .message-top-deal{
font-size:11px;
background-image:none;
padding:2px 4px;
}
.message-vp{
background-color:#8D0035;
background-image:url('/html/img/logo_vp.png'),-moz-linear-gradient(left top,#8D0035 42%,#C0004D 71%);
background-image:url('/html/img/logo_vp.png'),-o-linear-gradient(left top,#8D0035 42%,#C0004D 71%);
background-image:url('/html/img/logo_vp.png'),-moz-linear-gradient(left top,#8D0035 42%,#C0004D 71%);
background-image:url('/html/img/logo_vp.png'),-webkit-gradient(linear,left top,right bottom,color-stop(0.42,#8D0035),color-stop(0.71,#C0004D));
background-image:url('/html/img/logo_vp.png'),-webkit-linear-gradient(left top,#8D0035 42%,#C0004D 71%);
background-image:url('/html/img/logo_vp.png'),-ms-linear-gradient(left top,#8D0035 42%,#C0004D 71%);
background-image:url('/html/img/logo_vp.png'),linear-gradient(left top,#8D0035 42%,#C0004D 71%);
background-position:4px 4px,0 0;
color:#fff;
}
.message-warning{
background-image:url('/html/img/ico_warning.png');
background-color:#FFBB33;
}
.message-warning-reprise{
background-image:url('/html/img/ico_warning.png');
background-color:#34b6f2;
}
.message-error{
background-image:url('/html/img/ico_warning.png');
background-color:#D8000C;
color:#fff;
}
.message-important{
background-image:url('/html/img/ico_pin.png');
background-color:#DEF1BD;
border:1px solid #508817;
color:#1e3309;
}
.message-lightblue{
background-image:none;
padding:4px 8px;
background-color:#61b6e3;
border:2px solid #024152;
color:#000;
}
.message-top-deal{
background-image:none;
padding:4px 8px;
position:relative;
background-color:#FCB5D9;
color:#000;
border:1px solid #D70088;
}
.message-debug{
background:#E67300;
color:#000;
border:1px dotted #000;
font-weight:bold;
}
.message-debug::before{
content:"[DEBUG] ";
}
.message-vp a,.message-error a{
color:#fff;
text-decoration:underline;
}
.big-message{
max-width:480px;
margin:5em auto;
border-radius:16px;
padding:32px;
font-size:1.5em;
text-align:center;
background-image:none;
}
.with-flex{
display:flex;
justify-content:space-between;
}
.no-icon{
background-image:none;
padding:4px 8px;
}
.with-arrow{
position:relative;
margin:24px 0 4px 0;
}
.with-arrow:before{
position:absolute;
top:-24px;left:12px;
content:" ";
border-style:solid;
border-width:0 24px 24px 24px;
border-color:transparent transparent #DBE4EB transparent;
}
.with-arrow.arrow-on-right:before{
left:auto;right:12px;
}
.message-vp.with-arrow:before{
border-bottom-color:#8D0035;
}
.message-warning.with-arrow:before{
border-bottom-color:#FFBB33;
}
.message-error.with-arrow:before{
border-bottom-color:#D8000C;
}
.message-important.with-arrow:before{
border-bottom-color:#508817;
}
.youtube{
display:block;
position:relative;
background:#000;
height:0;
width:100%;
padding-bottom:56.25%;
}
.youtube .youtube-thumb,
.youtube .youtube-player{
position:absolute;
top:0;left:0;right:0;bottom:0;
width:100%;height:100%;
overflow:hidden;
}
.youtube .youtube-button{
background:transparent url('/html/img/youtube-button.png') no-repeat center center;
filter:grayscale(100%);
opacity:0.8;
transition:all 520ms ease;
cursor:pointer;
z-index:2;
}
.youtube .youtube-button:hover{
filter:none;
opacity:1;
}
.gwt-DatePicker{
border:1px solid #C0DBEB;
background:#fff;
margin:0;
padding:3px;
border-radius:3px;
box-shadow:3px 3px 6px rgba(0,0,0,0.6);
border-collapse:collapse;
cursor:default;
font-size:1.5em;
line-height:150%;
user-select:none;
}
.datePickerMonthSelector{
background:#00206e;
color:#fff;
font-weight:bold;
text-align:center;
border-radius:3px;
padding:4px;
box-sizing:border-box;
width:100%;
}
.datePickerMonthSelector .gwt-ListBox{
box-sizing:border-box;
color:#000;
font-weight:bold;
text-align:center;
}
.datePickerMonthSelector .gwt-ListBox:disabled{
color:#ccc;
}
.datePickerMonth{}
.datePickerYear{}
.datePickerPreviousButton,
.datePickerNextButton,
.datePickerPreviousYearButton,
.datePickerNextYearButton{
display:block;
margin:2px;padding:0;
width:22px;
height:22px;
line-height:18px;
font-size:22px;
background:#DCE6F4;
color:#00206e;
border-radius:50%;
text-decoration:none;
transition:background 320ms ease;
text-align:center;
}
.datePickerPreviousButton:hover,
.datePickerNextButton:hover,
.datePickerPreviousYearButton:hover,
.datePickerNextYearButton:hover{
background:#FEE100;
}
.datePickerPreviousButton.IsDisabled,
.datePickerNextButton.IsDisabled,
.datePickerPreviousYearButton.IsDisabled,
.datePickerNextYearButton.IsDisabled{
background:#627CA2;
}
.datePickerDays{
width:100%;
background:#fff;
}
.datePickerWeekdayLabel,
.datePickerWeekendLabel{
text-align:center;
color:#000;
font-weight:bold;
width:2.2em;
}
.datePickerWeekendLabel{
}
.datePickerDay{
text-align:right;
color:#fff;
background:#00206e;
border:1px solid #fff;
padding:2px 4px 2px 0;
margin:0;
}
.datePickerDay:hover{
color:#00206e;
background:#FEE100;
cursor:pointer;
}
.datePickerDayIsToday{}
.datePickerDayIsWeekend{}
.datePickerDayIsFiller{
background:#fff;
color:#888;
}
.datePickerDayIsValue{
color:#00206e;
background:#FEE100;
border:1px solid #00206e;
font-weight:bold;
cursor:default;
}
.datePickerDay.datePickerDayIsDisabled,
.datePickerDay.datePickerDayIsDisabled:hover{
color:#fff;
background:#A9B7CA;
cursor:default;
}
.datePickerDayIsFiller.datePickerDayIsDisabled,
.datePickerDayIsFiller.datePickerDayIsDisabled:hover{
background:#fff;
color:#ccc;
cursor:default;
}
.datePickerDayIsHighlighted{}
.datePickerDayIsValueAndHighlighted{}
body.site-bkg #root.Booking.RESA .dualPanel-Scrollable > .booking-info-widget{
position:absolute;
top:0;
left:100%;
width:320px;
}
body.site-bkg #root.Booking.RESA .dualPanel.reverse .dualPanel-Scrollable > .booking-info-widget{display:none }
@media screen and (min-width:1600px) and (max-width:1929px){
body.site-bkg #root.Booking.RESA #content{
margin-left:calc( (100vw - 1600px) / 2);
}
}
@media screen and (max-width:1600px){
body.site-bkg #root.Booking.RESA .dualPanel-Scrollable > .booking-info-widget{
position:static;
width:auto;
max-height:45px;
overflow:hidden;
transition:max-height 320ms ease;
transition-delay:1s;
}
body.site-bkg #root.Booking.RESA .dualPanel-Scrollable > .booking-info-widget:hover{
max-height:500px;
transition-delay:0s;
}
}
.HomeConnectForm{
position:absolute;
z-index:1;
top:130px;
right:calc((100% - 1280px) / 2);
width:320px;
}
@media screen and (max-width:1319px){.HomeConnectForm{right:calc((100% - 1130px) / 2);}}
@media screen and (max-width:1279px){.HomeConnectForm{right:calc((100% - 1010px) / 2);}}
@media screen and (max-width:1080px){.HomeConnectForm{right:calc((100% - 900px) / 2);}}
@media screen and (max-width:959px){.HomeConnectForm{position:static;width:100%}}
.LandingHeaderMenu-connexion > li .submenu > .gwt-BookingInfo{
margin:-40px;
width:360px;
max-widh:100vw;
}
.LandingHeaderMenu-connexion > li .submenu > .gwt-BookingInfo > .bookingLogin{
padding:40px;
margin:0;
}
.bookingLogin{
position:relative;
padding:16px;
background:#FFD302;
border:1px solid #000;
color:#00206e;
max-width:540px;
margin:1em auto;
}
.bookingLogin .submenu-block{
text-align:right;
}
.bookingLogin .submenu-block .submenu-title{
display:block;
font-size:1.4em;
font-weight:bold;
text-align:left;
}
.bookingLogin .submenu-block > label > input{
display:block;
margin:16px 0;
width:100%;
padding:10px;
}
.elegantblock{
border:1px solid #00206e;
color:#00206e;
font-size:0.8rem;
margin-bottom:6px;
background:#fff;
}
.elegantblock h2{
background:#ebebeb;
margin:0;
padding:6px 12px;
font-size:1.05em;
}
.site-biz .elegantblock h2{
background:#2980b9;
font-size:1.2em;
color:#fff;
}
.elegantblock .innerblock{
padding:12px;
background:#fff;
}
.agency-box input{
padding:6px;
font-size:1.4em;
font-weight:bold;
}
.innerblock.agency-box{background:#f6e300 }
.agency-box input.code{width:6em;}
.agency-box input.filial{width:3em;}
.agency-box input.password{width:5em;margin-right:1em }
.agency-box .controlbuttons{
margin:1em 0 0 0;
display:flex;
justify-content:space-between;
}
.elegantblock.backoffice .innerblock{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.elegantblock.backoffice .innerblock > a.btn{
margin:2px;
flex:1 1 calc(50% - 4px);
}
.classiccolors{
background:transparent;
color:#00206e;
text-decoration:underline;
cursor:pointer;
display:inline-block;
-webkit-appearance:none;
margin:0;
padding:0;
}
.classiccolors:hover{
color:red;
}
.yellowlink,.whitelink,a.yellowlink,a.whitelink{
background:transparent;
color:#f6e300;
text-decoration:underline;
cursor:pointer;
display:inline-block;
-webkit-appearance:none;
margin:0;
padding:0;
}
.whitelink,a.whitelink{
color:#fff;
}
.yellowlink:hover,.whitelink:hover,
a.yellowlink:hover,a.whitelink:hover{
color:red;
}
.pull-left{float:left}
.pull-right{float:right}
.oauths{
text-align:center;
margin-top:1em;
}
.oauth-connect{
display:inline-block;
border:1px solid;
color:#fff;
height:41px;
padding:6px 6px 6px 41px;
margin:4px;
border-radius:4px;
font-weight:bold;
}
.facebook-connect{
background:#4267B2 url('/html/img/facebook-connect.png') no-repeat 6px center;
border-color:#29487d;
}
.facebook-connect:hover{
background-color:#365899;
}
.facebook-connect:active{
background-color:#29487d;
}
.google-connect{
color:#757575;
background:#FFFFFF url('/html/img/google-connect.png') no-repeat 6px center;
border-color:#FCFCFC #F6F6F6 #C7C7C7 #F6F6F6;
}
.google-connect:hover{
color:#fff;
background-color:#4285F4;
border-color:#4285F4;
}
.google-connect:active{
color:#fff;
background-color:#3367D6;
border-color:#3367D6;
}
.gwt-percent{
position:relative;
flex:0 0 auto;
border-radius:50%;
overflow:hidden;
-moz-user-select:none;
user-select:none;
width:140px;
height:140px;
}
.gwt-percent-txt{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
text-align:center;
line-height:140px;
font-weight:bold;
color:#fff;
}
.gwt-percent-img{
display:block;
width:100%;
height:100%;
}
.gwt-percent > .gwt-percent-txt > .icon{
font-size:125px;
margin:-10px 0 0 0;
animation:fade 320ms ease reverse;
}
#popup-cookie{
position:fixed;
bottom:0;
right:0;
background:#00206e;
color:#fff;
padding:15px;
max-width:320px;
z-index:20;
font-size:12px;
}
#popup-cookie .closeButton{
display:block;
width:36px;
height:36px;
font-size:43px;
text-align:center;
position:absolute;
top:-18px;
right:8px;
cursor:pointer;
padding:1px;
border-radius:136px;
border:2px solid #00206e;
background:#fff url(/html/img/ico_close_16.png) no-repeat center center;
}
#popup-cookie .closeButton:hover{
background-color:#f6e300;
}
#popup-cookie .acceptButton{
overflow:visible;
padding-top:3px;
color:#00206e;
background-color:#f6e300;
padding-bottom:3px;
margin-top:10px;
}
.classiccolorscookie{
background:transparent;
color:#FFFFFF;
text-decoration:underline;
cursor:pointer;
display:inline-block;
-webkit-appearance:none;
margin:0;
padding:0;
}
#gwt-debug .debugger{
position:fixed;
top:0;
left:0;
height:24px;
overflow:hidden;
color:#000;
padding:0 4px 4px 4px;
z-index:200;
background:#FEE100;
transition:all 500ms ease;
font-weight:normal !important;
z-index:99;
text-align:center;
z-index:1000;
outline:1px solid gray;
}
@media screen and (max-width:599px){
#gwt-debug .debugger{display:none }
}
#gwt-debug.uni64 .debugger{
background:#ff0000;
}
#gwt-debug .debugger:hover,#gwt-debug .debugger.force-visible{
width:auto;
height:auto;
max-width:75%;
}
#gwt-debug .debugger .gwt-CheckBox{
margin:0 6px;padding:0;
line-height:100%;
}
#gwt-debug .debugger .gwt-CheckBox input{
margin:2px;
}
#gwt-debug .debugger .gwt-CheckBox label{
padding:0 0 0 20px;
}
#gwt-debug .debug-panel{
position:fixed;
top:0;
left:0;
bottom:0;
border:0;margin:0;padding:64px 0 0 0;
color:#555;
background:#eee;
z-index:98;
border-right:3px solid #999;
}
#gwt-debug > .debug-panel > .controls{
position:absolute;
top:0;left:0;right:0;
height:64px;
background:green;
padding:6px;
background:#999;
text-align:right;
}
#gwt-debug > .debug-panel > .trames{
position:absolute;
top:64px;right:0;left:0;bottom:0;
overflow:scroll;
padding:0 6px;
}
#gwt-debug .trames > div:nth-child(1){
color:#000;
}
#gwt-debug .trames > div:nth-child(n+2){
margin-top:6px;
border-top:3px solid;
padding-top:6px;
}
#gwt-debug .trames > div:nth-child(2n){
background-color:#ddd;
}
#gwt-debug .btn{
border:1px solid #00206e;
margin:0 2px;
}
.dark-box{
background:#333;
color:#fff;
padding:4px 30px;
text-align:right;
display:flex;
justify-content:space-between;
align-items:center;
}
.blue-box{
padding:40px;
color:#FFF;
text-align:left;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
font-family:Montserrat,sans-serif;
font-size:14px;
background:#00206e;
}
.submenu .blue-box{
padding:0;
}
.login-required-wrapper{
margin:3em auto;
max-width:980px;
}
.login-box{
padding-left:140px;
background:#00206e url(/html/2017/img/logo/club-logo.png) no-repeat 10px 10px;
}
.login-box.gray-box{
background-color:#ebebeb;
color:#00206e;
}
.login-box.gray-box .submenu-block{
max-width:50%;
}
.submenu > .login-box{
padding-left:140px;
background-position:0 0;
min-height:132px;
}
.login-box.inline{
padding:20px;
-o-background-size:48px;
-moz-background-size:48px;
-webkit-background-size:48px;
background-size:48px;
background-position:99% 8px;
background-position:8px -moz-calc(100% - 8px);
background-position:8px -webkit-calc(100% - 8px);
background-position:calc(100% - 8px) 8px;
}
body .login-box .gwt-TextBox{
padding:13px;
width:100%;
}
.big-button{
display:block;
width:100% !important;
box-sizing:border-box;
text-align:left;
background:#fff url(/html/img/sprites/arrow-r.png) no-repeat 98% center;
border:none;
padding:8px 38px 8px 8px;
margin:4px 0;
color:#000;
}
.big-button:hover{
background-color:#ffefab;
}
.big-button:active{
background-color:#ffdf57;
}
.blue-box .submenu-block{
position:relative;
display:inline-block;
*display:inline;
margin:0 10px;
max-width:320px;
vertical-align:top;
-ms-flex:auto 1 1;
-webkit-flex:auto 1 1;
flex:auto 1 1;
line-height:16px;
min-width:260px;
}
.login-box .submenu-block.submenu-login{
-ms-flex:auto 1 0;
-webkit-flex:auto 1 0;
flex:auto 1 0;
}
.blue-box .submenu-block:nth-child(n+2)::before{
position:absolute;
left:-10px;
display:inline-block;
*display:inline;
content:' ';
height:100%;
border-left:1px solid #1d3572;
border-right:1px solid #001750;
border-top:1px solid #1d3572;
border-bottom:1px solid #001750;
}
@media screen and (max-width:959px){
.blue-box{flex-direction:column;}
.login-box{padding:20px;background-size:40px;}
.login-box .submenu-title{margin-left:30px }
.blue-box .submenu-block:nth-child(n+2)::before{
position:static;
height:0;width:100%;
margin:8px 0;
}
}
.blue-box .submenu-title{
display:block;
margin-bottom:20px;
text-transform:uppercase;
text-decoration:none !important;
font-weight:bold;
}
.blue-box .submenu-title::after{
content:'';
display:block;
width:40px;
height:2px;
margin-top:5px;
background-color:#f6e300;
}
.blue-box input,
.blue-box select{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
min-width:220px;
padding:15px;
color:#00206e;
font-size:.85em;
display:block;
margin:10px 0;
}
.blue-box .gwt-RadioButton{
width:100%;
min-width:220px;
display:block;
padding:0;
margin:10px 0;
position:relative;
}
.blue-box .gwt-RadioButton > input{
position:absolute;
top:0;
left:10px;
bottom:0;
width:30px;
min-width:0;
height:4em;
margin:0;
padding:0;
}
.blue-box .gwt-RadioButton > label{
display:block;
width:100%;
border:1px solid transparent;
transition:color 540ms ease,background-color 540ms ease,border-color 320ms ease;
padding:0;
padding:15px 15px 15px 45px;
background-color:#00206e;
color:#fff;
border-radius:1em;
}
.blue-box .gwt-RadioButton.not-checked:hover > label{
cursor:pointer;
border-color:#f6e300;
}
.blue-box .gwt-RadioButton.checked > label{
background-color:#f6e300;
color:#00206e;
}
.blue-box .security-code{
font-size:1.8em;
}
.blue-box .login-buttons{
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
justify-content:space-between;
text-align:right;
}
.blue-box .login-buttons.agency{
padding-top:53px;
}
.blue-box .login-buttons button{
display:inline-block;
*display:inline;
margin-right:8px;
}
.blue-box .login-buttons>button:last-child{
margin-left:auto;
margin-right:0;
}
.blue-box .login-buttons .btn-full-yellow{
-ms-flex:auto 0 0;
-webkit-flex:auto 0 0;
flex:auto 0 0;
}
.blue-box .yellow-link{
display:inline-block;
*display:inline;
color:#f6e300;
font-size:.9em;
background:transparent;
border:none;
outline:none;
cursor:pointer;
}
.blue-box.gray-box .yellow-link{
color:#00206e;
}
.blue-box .yellow-link:hover{text-decoration:underline;}
.oauths{
text-align:center;
margin-top:1em;
}
.oauth-connect{
display:inline-block;
*display:inline;
border:1px solid;
color:#fff;
height:41px;
padding:6px 6px 6px 41px;
margin:4px;
border-radius:4px;
font-weight:bold;
}
.facebook-connect{
background:#4267B2 url(/html/img/facebook-connect.png) no-repeat 6px center;
border-color:#29487d;
}
.facebook-connect:hover{background-color:#365899;}
.facebook-connect:active{background-color:#29487d;}
.google-connect{
color:#757575;
background:#FFFFFF url(/html/img/google-connect.png) no-repeat 6px center;
border-color:#FCFCFC #F6F6F6 #C7C7C7 #F6F6F6;
}
.google-connect:hover{
color:#fff;
background-color:#4285F4;
border-color:#4285F4;
}
.google-connect:active{
color:#fff;
background-color:#3367D6;
border-color:#3367D6;
}
p.copyright{text-align:center }
p.copyright strong{display:inline-block }
#jsp-debug{
overflow-x:hidden;
background:#eee;
color:black;
margin:1em 0 0 0;
padding:1em;
border-top:2px solid black;
}
#jsp-debug .tag{
display:inline-block;
padding:1px 6px;
background:#EEE;
color:#000;
outline:1px dotted #333;
}
#jsp-debug-link{
content:" ";
background:red url('/html/img/ico_warning.png') no-repeat center center;
position:fixed;
bottom:0;right:0;
width:48px;height:48px;
}
table.pages{
margin:1em auto;
border:2px solid black;
width:820px;
max-width:80vw;
}
table.pages tr{
background:#fff;
position:relative;
}
table.pages tr:nth-child(even){
background:#ddd;
}
table.pages tr th,
table.pages tr td{
padding:5px;
text-align:center;
border:1px solid #333;
}
table.pages tr td:first-child{
font-weight:bold;
text-align:left;
}
table.pages tbody tr:hover{
background:#e4ecef;
}
.with-errors{min-width:48px;}
.page-errors{
text-align:left;
position:absolute;
top:100%;
right:64px;left:64px;
padding:4px;
border:1px solid black;
display:none;
z-index:2;
min-width:640px;
max-width:100vw;
}
.with-errors:hover{
box-shadow:inset 0 0 0 2px #000;
}
.with-errors:hover .page-errors{
display:block;
}
.gwt-RadioButton input,
.gwt-CheckBox input{
vertical-align:middle;
margin-right:0.5em;
}
.gwt-RadioButton label,
.gwt-CheckBox label{
vertical-align:middle;
cursor:pointer;
}
.gwt-RadioButton-disabled label,
.gwt-CheckBox-disabled label{
color:#b7b7b7
}
.cf-VehicleWidget{
margin:4px auto 4px 0;
min-width:300px;
}
.cf-VehicleWidget > .cf-VehicleWidget-makers{min-width:30%;}
.cf-VehicleWidget > .cf-VehicleWidget-models{width:65%;}
.cf-VehicleWidget .gwt-HTML.loading{
background:url('/html/img/ajax-loader-mini-black.gif') no-repeat top left;
}
#root.Booking.RESA .hide-on-resa,
#root.Booking.RESA .LandingHeaderMenu .LandingHeaderMenu-level1,
#root.Booking .LandingHeaderMenu .LandingHeaderMenu-second .LandingHeaderMenu-links,
#root.Booking .LandingHeaderMenu .LandingHeaderMenu-second .LandingHeaderMenu-connexion .reservations{
display:none !important;
}
body.site-webview #root.Booking #content{
padding:0;
}
#root.Booking #LandingFooter-menu,
#root.Booking .Footer-contactMobile,
#root.Booking .Footer-contact .Container--footer{display:none !important}
#GameForm{
display:flex;
flex-wrap:wrap;
}
#GameForm > *{width:40%;padding:15px;margin:2px }
#GameForm > .GameFormRow{width:100% }
@media screen and (max-width:620px){
#GameForm > *{width:95% }
}
.LandingTopSlider-item-content--game .LandingTopSlider-item-subtitle{
background:transparent url('/html/img/picto-heure.png') no-repeat 0 10px;
padding-left:50px;
margin-left:-50px;
}
@media screen and (min-width:1442px){
.lang-fr .LandingTopSlider-item-content--game::before{
content:url('/html/img/soleil.png');
position:absolute;
top:0;left:-99%;
}
}
.hidden{visibility:hidden }
.msg-rgpd{
padding:1em;
font-size:12px;
line-height:120%;
text-align:justify;
background:#dbdcdd;
color:#000;
margin:3em 0 1em 0;
}
.block-three-sectionstable{
position:relative;
margin-bottom:30px;
padding-left:20px;
padding-right:20px;
}
@media screen and (max-width:1150px){
.block-three-sections{
max-width:750px;
margin:0 auto 30px;
}
}
.block-three-sectionstable .section-textreduit{
padding:35px 80px 30px 30px;
position:relative;
flex:1 1 auto;
}
.block-three-sectionstable .section-textreduit h2{
color:#00206e;
text-transform:uppercase;
font-size:1.8em;
margin-bottom:20px;
}
.tablepromo-content{
table-layout:fixed;
width:100%;
}
@media screen and (max-width:700px){
.table-content-promo{
font-size:0.8em;
}
}
.tablepromo-content img{
display:block;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}
.bool-careful:before{
content:"";
font-family:"iconfont";
color:#fd9526;
}
.tablepromo-content .prix{
font-size:18px;
}
.tablepromo-content td,.tablepromo-content th{
border:1px solid #00206e;
color:#00206e;
text-align:center;
text-transform:uppercase;
max-width:100%;
padding:15px 0px;
}
.tablepromo-content tr{
display:table-row;
border:1px solid #00206e;
}
.tablepromo-content th{
display:table-cell;
border:1px solid #00206e;
}
.tablepromo-content table{
border-collapse:collapse;
display:table;
box-sizing:border-box;
padding:20px 0px;
}
.vertical-text{
transform:rotate(-90deg);
}
.background-grey{
background-color:#ebebeb;
padding:25px 40px;
}
@media screen and (min-width:1151px) and (max-width:2200px){
.background-grey{
min-width:765px;
}}
.BookingAdvantages{
background-color:#00206e;
color:#FFFFFF;
max-width:420px;
margin:6px auto;
position:relative;
z-index:9;
}
.cf-RemoteHTML.loading{
min-height:96px;
}
.kdo-box{
display:flex;
justify-content:center;
padding:4px 0;
color:#0c4976;
background:#fff;
}
.kdo-box .kdo-box-input{
color:#0c4976;
border:1px solid #0c4976;
background:#e4ecef;
padding:2px;
border-radius:4px 0 0 4px;
}
.kdo-box .kdo-box-input:focus::-webkit-input-placeholder,
.kdo-box .kdo-box-input:focus:-moz-placeholder,
.kdo-box .kdo-box-input:focus::-moz-placeholder,
.kdo-box .kdo-box-input:focus:-ms-input-placeholder,
.kdo-box .kdo-box-input:focus::placeholder{
color:transparent;
}
.kdo-box .kdo-box-button{
color:#fff;
background:#0c4976;
border:1px solid #0c4976;
padding:2px 6px;
border-radius:0 4px 4px 0;
}
.kdo-box.active .kdo-box-input{
border-color:transparent;
outline:none;
font-weight:bold;
}
.kdo-box.active .kdo-box-button{
background:none;
color:#0c4976;
text-decoration:underline;
}
.BookingComWidget{
margin:1em auto;
padding:1em;
color:#00206e;
max-width:540px;
}
div.food-content > ul,
ul.list-check{
text-align:left;
}
div.food-content > ul > li,
ul.list-check li{
margin:0;
list-style:none;
}
div.food-content > ul > li::before,
ul.list-check li::before{
content:"\EA33";
font-family:"iconfont";
vertical-align:middle;
font-size:1.4em;
font-weight:normal;
color:#43A047;
width:1.4em;
height:1.4em;
display:inline-block;
text-align:center;
line-height:1.4em;
margin:4px;
}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
#quick-resa{
position:fixed;
right:0;
bottom:0;
background:rgba(0,0,255,0.3);
z-index:15;
padding:0;
}
#quick-resa::after{
display:inline-block;
content:"[Echap]";
padding:6px;
color:#fff;
}
#quick-resa .quick-content{
position:absolute;
bottom:8px;
right:8px;
width:320px;
height:98px;
background:#00f;
color:#fff;
border-radius:8px;
padding:8px;
text-align:center;
display:flex;
justify-content:space-around;
flex-wrap:wrap;
visibility:hidden;
opacity:0;
transition:opacity 320ms ease;
}
#quick-resa.visible{
top:0;
left:0;
}
#quick-resa.visible .quick-content{
visibility:visible;
opacity:1;
}
.corsicaclub{background:transparent no-repeat top right;background-size:contain;}
.corsicaclub-Logo{background-image:url('/html/2018/img/logo/club-logo.png') !important }
.corsicaclub-White{background-image:url('/html/2018/img/logo/corsica-club-badge/white.png') !important }
.corsicaclub-Yellow{background-image:url('/html/2018/img/logo/corsica-club-badge/yellow.png') !important}
.corsicaclub-Silver{background-image:url('/html/2018/img/logo/corsica-club-badge/silver.png') !important}
.corsicaclub-Gold{background-image:url('/html/2018/img/logo/corsica-club-badge/gold.png') !important}
.corsicaclub-FRET{background-image:url('/html/images/fret.gif') !important}
#quick-resa .quick-content .quick-code,
#quick-resa .quick-content .quick-count{
font-family:monospace;
text-transform:uppercase;
padding:8px;
background:transparent;
border:0;
border-bottom:4px solid transparent;
color:#fff;
font-size:24px;
width:128px;
height:52px;
padding:6px;
}
#quick-resa .quick-content .quick-code:focus,
#quick-resa .quick-content .quick-count:focus{
background:rgba(255,255,255,0.1);
border-bottom-color:#fff;
}
#quick-resa .quick-content .quick-label{
width:100%;
padding:4px 0 0 0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
input.CorsicaClub-KDO{
width:14em;
}
.cruises-list{
max-width:920px;
margin:auto;
}
.cruise-radio{
background:#fff;
display:block;
margin:6px;
min-height:60px;
border:1px solid #fff;
cursor:pointer;
}
.cruise-radio>label{
display:block;
padding:6px;
cursor:inherit;
}
.cruise-radio.not-checked:hover{
border-color:#00206e;
}
.cruise-radio.checked{
background:#f6e300;
border-color:#f6e300;
}
.cruise-radio.cruise-radio-disabled,.cruise-radio.cruise-radio-disabled:hover{
color:#8d8d94;
border-color:#fff;
cursor:not-allowed;
}
.cruise-radio > input{display:none }
.cruise-radio .cruise-prod{
float:left;
background:#ff6600;
color:#00206e;
min-width:48px;
height:48px;
line-height:40px;
font-size:20px;
font-weight:bold;
border-radius:24px;
text-align:center;
padding:4px;
margin:0 1em 0 0;
}
.cruise-radio .cruise-label{
font-weight:bold;
font-size:1.6em;
}
@media screen and (min-width:649px){
.AdvantagePopup{
background:transparent url('/html/2018/img/logo/club-logo.png') no-repeat 0 0;
padding:0 0 0 138px;
}
body.lang-fr .AdvantagePopup{
background-image:url('/html/img/kdo.png');
padding:0 0 0 114px;
}
}
.BookingMenu-inline-tickets{
background:#00206e;
color:#fff;
padding:1em;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:0 0 2em 0;
align-items:flex-end;
justify-content:center;
flex-wrap:wrap;
}
.BookingMenu-inline-tickets .gwt-TextBox{
display:block;
color:#00206e;
}
.BookingMenu-inline-tickets .gwt-ListBox{
display:block;
color:#00206e;
width:300px;
padding:15px 15px 15px 15px;
font-size:0.85em;
}
.BookingMenu-inline-tickets .yellowlink{
margin:1em 0 1em 2em;
}
@media screen and (max-width:400px){
.BookingMenu-inline-tickets > label{max-width:60% }
.BookingMenu-inline-tickets > label > .gwt-TextBox{max-width:100% }
}
.basket-infos{
display:block;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
color:#333;
margin:4px 8px;
background:#f1f1f1;
}
.basket-info{
display:inline-block;
width:48%;
flex:1 1 50%;
padding:1px 6px;
}
.basket-compare .basket-info{
width:100%;
flex:1 1 100%;
}
.basket-compare{
display:flex;
overflow-x:auto;
white-space:nowrap;
margin:0 0 8px 0;
}
.basket-compare > div.basket-compared{
display:inline-block;
width:340px;
flex:0 0 340px;
margin:0 4px;
vertical-align:top;
white-space:normal;
}
.basket-compare .BookingDetails-basket-block .block-title{
display:none;
}
.recallblock.fret{
line-height:12px;
width:100%;
}
.recallblock.fret td{
padding:8px 1em 0 0;
}
.recallblock.fret input[type=text],.recallblock.fret input[type=tel],.recallblock.fret select{
padding:6px;
}
.suggestPopupContent{
border:1px solid #7a7a7a;
color:#00206e;
background:#fff;
line-height:120%;
}
.suggestPopupContent .item{
padding:3px 6px;
cursor:pointer;
}
.suggestPopupContent .item:hover{
background:#f6e300;
}
.controlbuttons{
margin:6px 0;
text-align:right;
}
.btn-circle{
position:relative;
display:inline-block;
display:inline-flex;
margin:6px;
color:#00206e;
height:42px;
width:42px;
text-align:center;
border-radius:21px;
transition:background 320ms ease;
}
.btn-circle:hover{
background:#f6e300;
color:#00206e;
}
.btn-circle > .icon{
font-size:28px;
margin:auto;
line-height:0;
}
.btn-circle-popup{
position:absolute;
top:48px;left:-91px;
width:220px;
z-index:2;
color:#fff;
border:1px solid;
background:#8a8d94;
padding:12px 6px;
line-height:1rem;
font-size:1rem;
display:none;
}
.btn-circle-popup::before{
content:"";
border-color:transparent transparent #8a8d94 transparent;
width:0;
height:0;
border-style:solid;
border-width:12px;
position:absolute;
top:-24px;
left:100px;
}
.btn-circle:hover > .btn-circle-popup{
display:block;
}
.BookingConfirmation-reprotection{
margin-bottom:50px;
color:#fff;
background:#00206e;
}
.BookingConfirmation-reprotection .message-reprotection{
padding:1em;
}
.BookingConfirmation-reprotection .message-reprotection-buttons{
padding:1em;
text-align:center;
}
.BookingConfirmation-reprotection .message-reprotection-buttons .btn{
margin:0.25em 0.5em;
}
ul.list{
list-style:disc;
margin:1em 2em;
}
ul.list > li{
list-style:disc;
}
.checkin-infos{
background:#fff;
padding:0.5em 1em;
}
.model-2cols,.model-3cols{
}
.model-2cols .col1,
.model-2cols .maincol,
.model-3cols .col1,
.model-3cols .maincol,
.model-3cols .col2{
display:table-cell;
vertical-align:top;
overflow:hidden;
padding:0 6px;
}
.model-2cols .col1,
.model-3cols .col1,
.model-3cols .col2{
width:180px;
}
.ie6 .model-2cols .col1,
.ie7 .model-2cols .col1{
float:left;
}
.error-table{
width:100%;
border:2px solid #98a8af;
border-collapse:collapse;
}
.error-table th{
background:#98a8af;
text-align:left;
}
.error-table th .gwt-ListBox{
max-width:180px;
}
.error-table tbody tr.even{
background:#deeaef;
}
.error-table thead th:last-of-type,
.error-table tbody td:last-of-type{
text-align:right;
}
.error-table tbody tr:hover{
background:#e2e349;
cursor:pointer;
}
.error-table tbody tr.active{
background:#f6e300;
}
.error-table.Has-Selection tbody tr:not(.active){
display:none;
}
.Err-Selector{
text-align:left;
}
.Err-Selector-Box{
display:block;
width:480px;
max-width:90vw;
max-height:70vh;
}
.agency-must-connect{
margin:3em auto;
max-width:400px;
}
.login-agbox .ablue{
padding:40px;
min-width:200px;
max-width:100vw;
}
.login-agbox.inline{
padding:20px;
-o-background-size:48px;
-moz-background-size:48px;
-webkit-background-size:48px;
background-size:48px;
background-position:99% 8px;
background-position:8px -moz-calc(100% - 8px);
background-position:8px -webkit-calc(100% - 8px);
background-position:calc(100% - 8px) 8px;
}
body .login-agbox .gwt-TextBox{
padding:13px;
min-width:0;
display:inline;
}
.login-agbox .submenu-block{
display:flex;
flex-direction:column;
}
.login-agbox .submenu-block > form{
flex:1 1 auto;
display:flex;
flex-direction:column;
justify-content:space-between;
}
.agchkbox > input{
width:25px;
min-width:0;
display:inline;
margin-bottom:50px;
}
.PasswordForgot > a{
display:block;
color:#f6e300;
font-size:.9em;
text-align:right;
}
button.PasswordForgot{
background-color:transparent;
display:block;
color:#f6e300;
font-size:.9em;
text-align:right;
width:100%;
}
.aglnk{
display:block;
margin:20px 50px 20px 0;
}
.agrey{
background-color:#ebebeb;
color:#00206e !important;
padding:10px 0;
max-width:none;
min-width:auto;
}
.agrey .submenu-block{
max-width:none;
}
.agrey button.PasswordForgot{
color:#8a8d94 !important;
}
.agrey .submenu-title{
margin:0;
}
.agrey .innerblock{
padding:0;
background:transparent;
}
.agrey a{
color:#8a8d94 !important;
text-decoration:none;
}
.agrey input{
margin-bottom:2px;
}
.gwt-Agency-Connect{
border:none;
}
body.site-biz .LandingHeaderMenu-connexion li.connexion + li.espaceCorsica{
display:none !important;
}
body.site-biz.agency-disconnected .LandingHeaderMenu-connexion li.connexion{
display:none !important;
}
body.site-biz.agency-disconnected .LandingHeaderMenu-connexion>li.reservations{
display:none !important;
}
.LandingHeaderMenu-slogan{
font-weight:normal;
position:absolute;
top:0;
left:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-start;
text-align:left;
vertical-align:middle;
margin:10px 0;
}
@media screen and (max-width:1690px){
.LandingHeaderMenu-slogan{display:none}
}
.BookingMessage-lists{
padding:8px;
display:block;
}
.BookingMessage-lists ul{
margin:8px 32px;
}
.BookingMessage-lists li{
list-style-type:disc;
}
.BookingMessage-lists ul.removed-prestations > li{
list-style-type:"- ";
}
.BookingMessage-lists ul.added-prestations > li{
list-style-type:"+ ";
}
.BookingMessage-lists .old-prestation{
font-style:italic;
}
.BookingMessage-lists .removed-prestations{
font-weight:bold;
color:#F16246;
}
.BookingMessage-lists .added-prestations,
.BookingMessage-lists .new-prestation{
font-weight:bold;
color:#3486C6;
}
.cf-DynamicTableWidget{
margin:2em 0;
width:100%;
color:#4b4a4a;
}
.cf-DynamicTableWidget th,.cf-DynamicTableWidget td{
padding:3px;
text-align:left;
}
.cf-DynamicTableWidget-Body{
border:4px solid #4b4a4a;
}
.cf-DynamicTableWidget-Body td{
border:1px solid #4b4a4a;
}
.cf-DynamicTableWidget-Body tr.even{
background:#fff;
}
.cf-DynamicTableWidget-Body tr.odd{
background:#f3f7fb;
}
.cf-DynamicTableWidget-Body tr:hover{
background:#f3f7fb;
}
.cf-DynamicTableWidget-Body tr:hover.active,.cf-DynamicTableWidget-Body tr.active{
background:#f6e300;
}
.langBox{
padding:14px 15px 14px 26px;
border:1px solid #ccc;
font-size:0.85em;
background:#fff no-repeat 5px center;
margin:0 6px;
}
.crossing-information.booking-info{
background:#f1f1f1;
padding:2px;
border:1px solid #dbdcdd;
}
.basket-compared .crossing-information.booking-info{
margin:0 -27px;
}
.crossing-information.booking-info>div{
display:inline-block;
width:50%;
text-align:left;
vertical-align:top;
}
.crossing-information.booking-info>div:nth-child(2n){
text-align:right;
}
div.fret-status{
font-size:18px;
line-height:20px;
font-weight:bold;
color:red;
}
div.fret-status:before{
content:"✗";
display:inline-block;
font-size:28px;
background-color:red;
color:white;
width:34px;
height:34px;
text-align:center;
line-height:34px;
border-radius:100%;
text-shadow:0 0 4px #000;
margin:0 0.5em 0 0;
}
div.fret-status.ok{
color:green;
}
div.fret-status.ok:before{
content:"✓";
background-color:green;
}
.recallblock.fret td div.checked{
font-size:28px;
background:green;
color:white;
width:34px;
height:34px;
text-align:center;
line-height:34px;
border-radius:100%;
box-shadow:2px 2px 10px rgba(0,0,0,0.4);
text-shadow:0 0 10px black;
}
.recallblock.fret td div.unchecked{
font-size:28px;
background:red;
color:white;
width:34px;
height:34px;
text-align:center;
line-height:34px;
border-radius:100%;
box-shadow:2px 2px 10px rgba(0,0,0,0.4);
text-shadow:0 0 10px black;
}
.cclubinfotable input[type='text'],.cclubinfotable input[type='email'],.cclubinfotable input[type='tel'],.cclubinfotable select{
padding:8px;
margin-bottom:6px;
}
.cf-PhoneNumber{
display:inline-flex;
max-width:100%;
overflow:hidden;
}
.cf-PhoneNumber > .cf-PhoneNumber-CountryList{
width:8em;
padding-left:0;
font-size:inherit;
}
.cf-PhoneNumber > .cf-PhoneNumber-Number{
width:auto;
font-size:inherit;
}
.Crossings-summary-infos .subblock-title .date-hours{
min-width:70%;
margin-left:44px;
}
.crossings-header{
margin-top:1em;
}
.crossings-footer{
font-size:0.8em;
}
.crossing-infos{
margin:8px 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
align-items:center;
min-height:60px;
}
@media screen and (max-width:499px){
.crossing-infos{
display:block;
text-align:center;
}
}
.crossing-infos .crossing-status{
font-size:1.2em;
font-weight:bold;
line-height:1em;
margin:0 0 6px 0;
flex:1 1 70%;
display:flex;
align-items:center;
}
.crossing-infos .btn{
text-align:center;
}
.crossing-infos .crossing-status .icon{
font-size:2em;
vertical-align:middle;
margin-right:0.5em;
}
.crossing-infos .crossing-status.crossing-ok{color:#5ec639;}
.crossing-infos .crossing-status.crossing-warn{color:#E69900;}
.crossing-infos .crossing-status.crossing-ko{color:#D8000C;}
.crossing-infos .crossing-status.crossing-gray{color:#8a8d94;}
.crossing-covid > p{
border-top:3px solid;
padding:1em;
text-align:center;
}
.crossing-covid > button{
font-size:0.85em;
display:block;
margin:0.5em auto !important;
}
body.tunnel-modification #SearchView .SearchView-view-result tr.clickable.active td:not(.separator),
body.tunnel-modification .BookingDetails-details-subblock ul.choice-list .choice-item.active,
body.tunnel-modification .BookingDetails-basket-subtotal{
background-color:#b9d684;
}
.RadioPanel-buttons{
margin:0 0 1em 0;
}
.RadioPanel-buttons .gwt-RadioButton{
margin:0 1em 0 0;
padding:8px;
border-radius:8px;
}
.RadioPanel-buttons .gwt-RadioButton.not-checked:hover{
cursor:pointer;
background:#f3e977;
}
.RadioPanel-buttons .gwt-RadioButton.checked{
background:#f6e300;
}
details{
margin:0.5em;
}
details summary{
display:list-item;
cursor:pointer;
margin:0 0 0.5em 0;
user-select:none;
}
.cabin-delivery{
margin:1em auto;
text-align:left;
color:#00206e;
background:#fff;
max-width:620px;
}
.cabin-delivery > li{
border-left:1px solid #00206e;
border-right:1px solid #00206e;
padding:4px 8px;
}
.cabin-delivery > li:last-child{
border-bottom:1px solid #00206e;
}
.cabin-delivery > li.subtitle{
padding:8px;
background:#00206e;
color:#fff;
font-size:1.2em;
font-weight:bold;
}
.cabin-delivery > li.item{
display:flex;
justify-content:end;
align-items:center;
flex-wrap:wrap;
}
.cabin-delivery > li.item.active{
background-color:#f6e300;
}
.cabin-delivery > li.item > strong{
flex:1 0 auto;
}
.cabin-delivery > li.item > em{
color:#8a8d94;
margin:0 1em;
font-weight:bold;
}
.cabin-delivery > li.item > p{
flex:0 0 100%;
color:#8a8d94;
}
.cabin-delivery > li.item + li.item{
border-top:1px solid #dbdcdd;
}
@media screen and (max-width:540px){
.cabin-delivery > li.item > *{
order:2;
}
.cabin-delivery > li.item > strong{
flex:0 0 100%;
order:0;
}
.cabin-delivery > li.item > p{
order:1;
}
}