body { background:#f2f2f2; font-family:arial,verdana,sans-serif; font-size:12px; line-height:16px; color:#333; text-align:center; border-top:4px solid #c8d100; -webkit-font-smoothing:antialiased; } a { color:#333333; text-decoration:underline; } a:hover { text-decoration:none; } html { margin-top: 0 !important } .tip-anchor { text-decoration: none; cursor: help; } .wrapper { width:100%; margin:0; } .wrapper .content-wrapper { width:980px; margin:0 auto; padding:10px 0 0 0; text-align:left; } .wrapper .header { height:120px; line-height:16px } .wrapper .header .logo { float:left; width:45%; padding-top:10px; margin-left:20px; } .wrapper .header .account { float:right; width:50%; text-align:right; font-size:12px; color:#6f7072; /*color:#0061ab;*/ } .wrapper .header .account a { color:#0061ab; text-decoration:none; } .wrapper .header .account a:hover { text-decoration:underline; } .wrapper #kwo-locales-box a { color:#333; } .wrapper .container { padding:20px; background:#fff; } .wrapper .container { border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } .wrapper .footer { margin:0; padding:10px 20px; font-size:11px; color:#808080; height:32px; line-height:32px; } .wrapper .footer a { color:#6f7072; text-decoration:none; } .wrapper .footer a:hover { text-decoration:underline; } .wrapper .footer .group { float:right; padding:0 42px 0 0; height:32px; line-height:32px; color:#6f7072; background:url('/app/vfd/pix/ico-vfd-mini.png') center right no-repeat; } h1, .h1 { font-size:16px; margin:0 0 20px 0; font-weight:bold; text-transform:uppercase; padding:0 0 8px 0; border-bottom:1px solid #6f7072; color:#6f7072; } h2 { font-size:16px; margin:0 0 15px 0; } h3 { font-size:14px; margin:0 0 10px 0; } h4 { font-size:12px; margin:0 0 10px 0; } input, select { box-shadow:none; } strong { font-weight:bold; } em { font-style:italic; } label { cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .aright { text-align:right; } .acenter { text-align:center; } .fright { float:right; } .pad-top-20 { padding-top:20px!important; } .marge-left-20 { margin-left:20px!important; } .text-underlined { border-bottom:1px solid; } .w95 { width : 95px; } html { position: relative; min-height: 100%; background-color: white; } body { min-height: 100%; /* Margin bottom by footer height */ margin-bottom: 330px; } .main-footer { position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here */ height: 330px; background-color: #f5f5f5; } .block-select-date { overflow: hidden;} .block-select-date .fake-select { width: 31%; float: left; margin-right: 18px;} .block-select-date .fake-select:last-child { margin-right: 0;} @media (max-width: 768px) { .block-select-date .fake-select { margin-right: 12px; } } @media (max-width: 767px) { .block-select-date .fake-select { float: none; width: 100%; margin-right: 0; } } /* Button */ .button { display:-moz-inline-stack; display:inline-block; vertical-align:top; zoom:1; *display:inline; } .button { font-size:14px; height:28px; line-height:28px; padding:0 20px; text-align:center; text-decoration:none; cursor:pointer; } .button { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .button { background:#abba00; border:1px solid #859000; color:#fff; text-shadow:0 -1px #929e00; } .button { background:-moz-linear-gradient(center top, #bccc00 0%, #abba00 100%); } input.button { font-family:arial,verdana,sans-serif; } .button-disable { background:#E3E4E5; color:#B2B4B5; text-shadow:0 1px #fff; border-color:#b2b4b5; cursor:not-allowed; } .button-disable { background:-moz-linear-gradient(center top , #FFFFFF 0%, #E3E4E5 100%); } .button-empty { background:none!important; border:1px solid transparent!important; color:#333!important; text-shadow:none; text-decoration:underline; } .btn-transparent { border: 1px solid #FFF; color:#FFF; text-transform: uppercase; box-shadow: 0 1px 0 #FFF; height:50px; max-width: 220px; width: 100%; padding-top: 15px; font-size: 16px;} .btn-transparent:hover { border: 1px solid #FFF; color:#FFF;} .label-top { margin-top: 10px;} /* Boxes */ .plain-box { padding:10px; margin:0 0 10px 0; background:#f2f2f2; border:1px solid #ccc; } .plain-box { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .box { padding:10px; margin:0 0 10px 0; background:#f2f2f2; border:1px solid #ccc; } .box { background:-moz-linear-gradient(center top , #ffffff 0%, #f2f2f2 100%); } .box { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .box { box-shadow:0 0 4px #ccc; -webkit-box-shadow:0 0 4px #ccc; -moz-box-shadow:0 0 4px #ccc; } .box .criteria { margin:0 0 10px 0; } .box .criteria { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .box .criteria .label { float:left; width:80px; text-align:right; color:#666; } .box .criteria .value { float:right; width:190px; color:#2e4694; } .box .trip-datas .label { float:left; width:66px; text-align:right; color:#666; } .box .trip-datas .value { float:right; width:209px; color:#2e4694; } .box p { line-height:16px; padding:0 0 10px 10px; } .box .section { padding:0 0 8px 30px; border-bottom:1px solid #ccc; font-weight:bold; /**/color:#2e4797; } .box .section em { font-weight:normal; } .box .line { padding-top:10px; margin-bottom:20px; border-top:1px solid #fff; } .annonce { padding:11px 9px; text-align:center; font-weight:normal; font-size:1.083em;box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; background-color:#fef4e5; color:#e66400; border-color:#e66400; } .heading { height:30px; line-height:30px; vertical-align:middle; padding:0 10px; margin:0 0 10px 0; background:#0061aa; font-size:14px; color:#fff; text-shadow:0 -1px #00355f; } .heading { background:-moz-linear-gradient(center top , #0061aa 0%, #004e89 100%); } .heading { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .heading img { vertical-align:-3px; margin-right:10px; } .sub-heading { font-size:13px; text-transform:uppercase; padding:0 0 10px 20px; margin:0 0 5px 0; } .sub-heading { background:url('/app/vfd/pix/ico-star.png') 0 0 no-repeat; color:#6f7072; /*color:#0061ab;*/ border-bottom:1px solid #6f7072; /*#0061ab;*/ } /* Form */ form .text, form select { padding:3px; color:#333; border:1px solid #999; } form select { padding:2px; } form .elt-radio label.click-label input { margin:0 6px 0 0; vertical-align:-1px; } .label-all-offer { vertical-align: top; margin-top: -4px; display: inline-block; margin-left: 5px;} /* Booking */ .booking-wrap .booking-content { /*float:right; width:620px;*/ } .booking-wrap .booking-content select{ padding-left: 0;} .booking-wrap .booking-content h1 { margin-bottom:10px; } .booking-wrap .booking-content .precision { color:red; font-weight:bold; margin-bottom:10px; } .booking-wrap .booking-content .h1 { margin-top:20px; } .booking-wrap .booking-content .box { margin-bottom:20px; padding:20px 20px; } /*.booking-wrap .booking-sidebar { float:left; width:300px; }*/ .action-home .booking-wrap .booking-sidebar, .action-cart .booking-wrap .booking-sidebar, .action-shop-order .booking-wrap .booking-sidebar, .action-payment-response .booking-wrap .booking-sidebar { margin-top:45px; } .booking-wrap .booking-sidebar .box { margin-bottom:20px; } .booking-wrap .booking-sidebar .resume { background:#f2f2f2; } .booking-wrap .booking-sidebar p a { color:#6f7072; /*color:#0061ab;*/ text-decoration:none; } .booking-wrap .booking-sidebar p a:hover { text-decoration:underline; } .booking-wrap .booking-sidebar .extra { font-size:20px; line-height:24px; color:#6f7072; /*color:#0061ab;*/ font-weight:bold; } .left .booking-sidebar, .right .booking-content { float:right; } .left .booking-content, .right .booking-sidebar { float:left; } .booking-wrap .booking-sidebar .date-field .value div { float:left } .booking-wrap .booking-sidebar #form-resultats .button { padding:0 15px; } .booking-wrap .booking-sidebar #form-resultats .button-aside-link { font-size:11px; float: left; text-transform: capitalize;line-height:28px; } .action-home #acrobat-download { display:none; } #booker-form .trajet, #booker-form .schedule, #booker-form .passagers { font-size:13px; } #booker-form ul.trajet li { padding:5px 0; } #booker-form ul.trajet li label { float:left; width:80px; margin:0 10px 0 0; height:24px; line-height:24px; text-align:right; vertical-align:middle; } #booker-form ul.trajet li label.click-label { float:none; width:auto; } #booker-form ul.trajet li .elt-control { float:left; } #booker-form ul.trajet select { width:425px; } #booker-form ul.trajet .elt-radio label.click-label { margin:0 40px 0 0; } #booker-form .schedule { padding:15px 0 10px 0; } #booker-form .schedule-line { margin:0 0 10px 0; } #booker-form .schedule-line .schedule-date { float:left; text-align:right; width:290px; } #booker-form .schedule-line .schedule-date input { width:160px;background:url(/app/vfd/pix/ico-calendar.png) no-repeat 140px 50%; } #booker-form .schedule-line .schedule-time { float:right; width:250px; } #booker-form .schedule-line .schedule-time select { width:100px; } #booker-form .schedule-line .schedule-date label, #booker-form .schedule-line .schedule-time label { float:none; display:inline; padding-right:5px; } #booker-form .schedule-line .schedule-date .elt div, #booker-form .schedule-line .schedule-time .elt div { float:none; display:inline; } #booker-form .passagers .passager-line { margin:0 0 10px 0; } #booker-form .passagers .passager-line label { float:left; width:160px; text-align:right; height:24px; line-height:24px; } #booker-form .passagers .passager-line .elt-control { float:right; width:430px; } #booker-form .passagers .selector { padding-bottom:8px; } #booker-form .passagers #conditions { border-top:1px solid #ccc; } #booker-form .passagers #conditions .first { padding-top:16px; border-top:1px solid #fff; } #booker-form .passagers #conditions select { width:250px; } #booker-form .submit-box { text-align:right; padding:10px 10px 10px 0; } /* Lignes */ .lignes-selection { margin-top:0px; } .lignes-selection .ligne-box { float:left; width:300px; height:250px; margin:0 0 20px 20px; } .lignes-selection .first { margin-left:0; } .lignes-selection .ligne-box a { display:block; width:300px; height:250px; text-decoration:none; } .lignes-selection .ligne-box a span { display:block; padding:210px 10px 0 10px; font-size:12px; color:#fff; } /* Courses */ .course-box { margin:0 0 10px 0; background:#f2f2f2; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .course-box .infos { float:left; width:458px; background:#f5f5f5;border-right: 1px solid #CCCCCC; min-height:89px; } .course-box .infos .trajet { padding:10px 10px 10px 51px; border-bottom:1px solid #ccc; font-weight:bold; color:#6f7072; } .course-box .infos .step1, .course-box .infos .step4 { background:url('/app/vfd/pix/ico-course-bus-right.png') 9px 8px no-repeat; } .course-box .infos .step2, .course-box .infos .step5 { background:url('/app/vfd/pix/ico-course-bus-left.png') 9px 8px no-repeat; } .course-box .infos .horaires { padding:10px; font-size:11px; color:#666; border-top:1px solid #fff; } .course-box .infos .horaires .cell { float:left; width:60px; border-right:1px solid #ccc; border-left:1px solid #fff; padding:0 0 0 10px; } .course-box .infos .horaires .cell span { line-height:11px; } .course-box .infos .horaires .first { padding:0; border-left:none; width:80px; } .course-box .infos .horaires .last { width:110px; border-right:none; } .course-box .infos .horaires strong { display:block; font-size:16px; font-weight:bold; margin-top:3px; color:#d76d00; } .course-box .infos .promotion { border-top:1px dotted #e98218; padding:10px 10px 10px 75px; background:transparent url(/app/vfd/pix/promotion_plus.png) 15px 5px no-repeat; color:#EC760B; } .course-box .infos .promotion p { font-size:10px; } .course-box .pricing { float:right; height:68px; padding:10px; width:138px; background:#f0f0f0; /*border-left:1px solid #ccc;*/ text-align:center; } .course-box .pricing strong { display:block; font-size:20px; line-height:20px; font-weight:bold; margin:5px auto 0px auto; color:#d76d00; } /*.course-box .pricing strong { display:block; font-size:20px; line-height:20px; font-weight:bold; margin:8px auto 11px auto; color:#d76d00; }*/ .course-box .pricing strong.checked { padding-bottom:38px; background:url('/app/vfd/pix/ico-course-checked.png') center bottom no-repeat; } .course-promo .pricing .show-detail-price { display:none; } .course-promo .pricing form { margin-top:16px; } .course-selection { background:#D7D7D1; } /* Voyage-options */ .voyage-options li.voyage-option { width:100%; overflow:auto; } .voyage-options li.voyage-option div.elt, .voyage-options li.voyage-option div.elt-select label.elt, .voyage-options li.voyage-option div.elt-select div.elt-control, .voyage-options li.voyage-option div.elt-select select { height:18px; float:left; vertical-align:middle; line-height: 1.4; } .voyage-options li.voyage-option div.elt-select label.elt { margin-right:5px; } .voyage-options li.voyage-option div.elt-checkbox-single { margin-right:15px } /* Modal */ .dialog-support { background:#f2f2f2; text-align:left; } .dialog-support .dialog-container { margin:10px; } .dialog-support h1, .dialog-shadow .layout-hbox h1, .dialog-container .kwo-login h2 { padding:6px 10px; margin:0 0 25px 0; color:#6f7072; /*color:#0061ab;*/ } .dialog-container .kwo-login h2 { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .dialog-container h2.heading { padding:0 10px; color:#fff; } .dialog-container .dialog-box .text-block { padding:10px 9px; position:relative; } .dialog-shadow .dialog-date h1 { margin: 15px 19px -12px; padding: 0 0 7px; } .kwo-login .kwo-login-box .text-block, .kwo-login .kwo-signup-box .text-block { height:182px; } /* Signup */ .kwo-login form li { margin:10px 0 0 0; } .kwo-login form label { float:left; width:31%; height:24px; line-height:24px; text-align:right; } .kwo-login form label.click-label { float:none; width:auto; height:auto; line-height:18px; margin-right:20px; } .kwo-login form .elt-control { float:right; width:66%; } .kwo-login form li.options .elt-control { float:left; width:85%; padding-top:10px; padding-left :48px; } .kwo-login form li.options .elt-control input { margin:0 6px 0 0; vertical-align:-1px; } .kwo-login form li .elt-control .text { width:212px; } .kwo-login .kwo-login-box form li .elt-control input.text { border:1px solid #999; width:auto; } .kwo-login .kwo-login-box { width:290px; } .kwo-login .kwo-login-box .padded-left { margin-left:87px; } .kwo-login .kwo-login-box .button-empty, .kwo-login .signup-panel .button-empty { padding:0; font-size:12px; text-shadow:none; } .kwo-login .kwo-signup-box .kwo-signup-button { position:absolute; right:9px; bottom:12px; } .kwo-login .signup-panel .required-fields { font-size: 12px; font-style: italic; float:left; color: #333333 !important; display: inline-block; height: 28px; line-height: 28px; vertical-align: top; padding-left: 48px; } /* Cart */ .cart .course-box { height:auto; } .cart .course-box .pricing { height:auto; } .cart .course-box .purchase-description { padding:8px 10px; color:#6f7072; /*color:#0061AB;*/ } .cart .course-box .total-description { padding:11px 10px; font-weight:bold; } .cart .course-box .total { padding:0; } /* Order */ .action-shop-order form ul { padding-bottom:10px; } .action-shop-order form li { margin:10px 0 0 0; } .action-shop-order form label { float:left; width:31%; height:24px; line-height:24px; text-align:right; } .action-shop-order form label.click-label { float:none; width:auto; height:auto; line-height:18px; margin-right:20px; } .action-shop-order form .elt-control { float:right; width:66%; } .action-shop-order form li.options .elt-control { float:left; width:85%; padding-top:10px; padding-left :48px; } .action-shop-order form li.options .elt-control input { margin:0 6px 0 0; vertical-align:-1px; } .action-shop-order form li .elt-control .text { width:212px; } .action-shop-order form li .elt-control input.text { border:1px solid #999; width:auto; } .action-shop-order form .actions { overflow:hidden; } .action-shop-order form .elt-checkbox-single { margin-bottom:10px; } .action-shop-order form .elt-checkbox-single .elt-control { float:none; width:auto; } .action-shop-order form .elt-checkbox-single label { float:none; width:auto; line-height:28px; text-align:right; display:block; } .action-shop-order form .elt-checkbox-single input { vertical-align:sub; margin-right:5px; } .action-shop-order form .method-list { background-image:url('/app/vfd/pix/logo-paybox.png'); background-repeat: no-repeat; background-position: 460px 50%; overflow:hidden; padding:25px 10px 25px 43px; } .action-shop-order form .method-list ul li { float:left; margin-top:0;padding-right:10px; } .action-shop-order form .method-list ul li p { padding-top:5px; } .action-shop-order form .method-list ul li label { float:none; } .action-shop-order form .method-list ul li input, .action-shop-order form .method-list ul li img { vertical-align:middle } .action-shop-order form .method-list .payment-method-security { margin-top:15px;margin-right:150px; } .action-shop-order .recap .line { margin:0; padding:8px 10px; border-top:1px solid #fff; border-bottom:1px solid #ccc; } .action-shop-order .recap .first-line { border-top:none; } .action-shop-order .recap .last-line { border-bottom:none; } .action-shop-order .recap .line .label { float:left; color:#2e4694; } .action-shop-order .recap .line small { font-style: italic; } .action-shop-order .recap .line .amount { float:right; font-size:16px; font-weight:bold; text-align:right; color:#d76d00; } .action-payment-response .resa-billets-btns { padding-bottom:25px; } .action-payment-response .resa-billets-btns p { padding : 10px; } .action-payment-response .resa-billets-btns ul li { text-align:right; margin:10px 0 25px; } .action-payment-response .resa-details { padding:10px 0 25px 0; } .action-payment-response .resa-details li label { display: block; width:240px; text-align:right; padding-right: 20px; font-weight:bold; float:left} .action-payment-response .resa-details li { width:100%; overflow:hidden } .action-payment-response .resa-details li p { float:left; display:block; width:350px; } .action-shop-payment-response .resa-billets-btns { padding-bottom:25px; } .action-shop-payment-response .resa-billets-btns p { padding : 10px; } .action-shop-payment-response .resa-billets-btns ul li { text-align:right; margin:10px 0 25px; } .action-shop-payment-response .resa-details { padding:10px 0 25px 0; } .action-shop-payment-response .resa-details li label { display: block; width:240px; text-align:right; padding-right: 20px; font-weight:bold; float:left} .action-shop-payment-response .resa-details li { width:100%; overflow:hidden } .action-shop-payment-response .resa-details li p { float:left; display:block; width:350px; } /* Contact */ form#contact { font-size:13px; } form#contact li { padding:5px 0; } form#contact li label { float:left; width:100px; margin:0 10px 0 0; height:24px; line-height:24px; text-align:right; vertical-align:middle; } form#contact li label.click-label { float:none; width:auto; } form#contact li .elt-control { float:left; } /*form#contact select { width:260px; }*/ form#contact input.text { width:260px; } form#contact .form-control { margin-bottom:5px } /*form#contact textarea { width:478px; }*/ form#contact .submit-box { text-align:right; padding:10px 0; } .show-detail-price { font-size:10px; color:#333; } .detail-price { border : 1px solid #cccccc; border-top: none; background:#fff url(/app/vfd/pix/bg-detail-price.png) repeat-x left top; margin-top:-10px; margin-bottom:10px; padding:18px 14px 8px 14px; color:#666; font-size:11px; position:relative; } .detail-price li { margin-bottom:10px;} .detail-price .detail-name { font-weight : bold; } .detail-price .detail-spec { font-weight : bold; } .detail-price .detail-amount { font-weight : bold;} .detail-price .detail-date { font-weight : normal; } .detail-price .detail-hide { position:absolute; bottom:5px; right:5px; font-size:10px; text-decoration : none; padding-right:15px; background : transparent url(/app/vfd/pix/picto-hide.png) no-repeat right 50%; } /*---------------------------*/ /* Reprise @LIAM 06/10/2014 */ /*---------------------------*/ body { /*border-top: 4px solid #c8d100;*/ background: rgb(242,242,242); background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 50%, rgba(242,242,242,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 50%,rgba(242,242,242,1) 100%); background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 50%,rgba(242,242,242,1) 100%); background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 50%,rgba(242,242,242,1) 100%); background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 50%,rgba(242,242,242,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2',GradientType=0 ); min-height:200px; text-align:left; color:#6f7072; line-height: initial; } .footer__xtra { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 32%, rgba(242,242,242,1) 48%, rgba(242,242,242,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(32%,rgba(255,255,255,1)), color-stop(48%,rgba(242,242,242,1)), color-stop(100%,rgba(242,242,242,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 32%,rgba(242,242,242,1) 48%,rgba(242,242,242,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 32%,rgba(242,242,242,1) 48%,rgba(242,242,242,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 32%,rgba(242,242,242,1) 48%,rgba(242,242,242,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 32%,rgba(242,242,242,1) 48%,rgba(242,242,242,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); } *:before, *:after { vertical-align:middle; display:inline-block } a { text-decoration:none } input[type="date"]::-webkit-inner-spin-button { -webkit-appearance: none; } .blocked { display:block; } .iconspe-menu:before { content: "\e236"; font-family: 'Glyphicons Halflings' !important ; font-size: 14px;} .inline-blocked { display:inline-block; } .no-padding-left { padding-left:0 !important; } .input-bg { line-height:35px; white-space:nowrap; position:relative; } .elt-focus , .fake-select.time ,.fake-select.tariff {background-color:#f9f9f9 ; position: relative;} .elt-focus.focus , .fake-select.time.focus, .fake-select.tariff.focus, .fake-select.carrier.focus, .fake-select.lined.focus { background-color:#fff !important;} .elt-focus.blur , .fake-select.time.blur, .fake-select.tariff.blur, .fake-select.carrier.blur, .fake-select.lined.blur { border-color: rgb(174, 182, 0);} .input-bg.green:before { color:#c8d100; } .input-bg:before { position: absolute; top: 15px; font-size:14px; width:35px; display:inline-block; text-align:center; color:#8c8d8e; margin-top: -4.5px; } .input-bg > input { border:0; width:80%; width:100%; background:none; padding-left: 32px; height:100%; vertical-align: top; } .input-bg > input:focus { outline:none } .input-bg > input[type="date"] { width:70%; width:100%; padding-left:35px; } .fake-select.fake-select { overflow:hidden; background-image:url('/app/vfd/pix/fake-select-bg.png'); background-position:right center; background-repeat:no-repeat; background-size:28px 5px; background-color: #f9f9f9; } .col-xs-12.col-md-12 .fake-select:nth-child(1) {background-color: #FFF;} .col-xs-12.col-md-12 .fake-select.outbound {background-color: #f9f9f9;} .col-xs-12.col-md-12 .fake-select.inbound {background-color: #f9f9f9;} .fake-select:before { font-family: "vfd"; padding:0 10px 0 0; display:inline-block; position: absolute; } .fake-select.green:before { color:#c8d100; } .fake-select.carrier:before { position: absolute; content:"r"; font-size: 14px; width: 20px; margin-left: 7px; margin-top: 10px; } .fake-select.time:before { position: absolute; top: 10px; content:"d"; font-size:14px; padding: 0 0 0 11px; width:30px; color:#8c8d8e; } .fake-select.tariff:before { position: absolute; top: 7px; content:"a"; font-size:14px; /*padding:12px 0 0 15px;*/ width:17px; margin-left: 10px; } .fake-select.outbound:before {position: absolute; top: 13px;content:"b"; font-size:14px; /*padding:12px 0 0 15px;*/ width:29px; text-align:center ; padding-right: 0; margin-right: -6px } .fake-select.inbound:before { position: absolute; top: 13px; content:"c"; font-size:14px; /*padding:12px 0 0 15px;*/ width:29px; text-align:center; margin-left: -1px; padding-right: 0; margin-right: -3px } .fake-select.civility:before { position: absolute; top: 9px; content:"z"; font-size:14px; /*padding:12px 0 0 15px;*/ width:25px } .fake-select.carrier select { margin-top: 3px; vertical-align: top;} .fake-select.tariff, .fake-select.lined { line-height:24px; } .fake-select.time { background-image:url('/app/vfd/pix/fake-select-bg.png'); background-position:right center; background-repeat:no-repeat } .fake-select.time select { width:100%; color:#8c8d8e; } /*.fake-select.tariff select { padding-top:13px }*/ .fake-select select { height:100%; border:0; color: #6f7072; margin-top:0 !important;background:none; display:inline-block; vertical-align:middle; padding: 0; width:100%; padding-right:30px; padding-left: 28px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;} .fake-select select::-ms-expand { display: none; } .fake-select select:focus { outline:none } .fake-select.disabled, .fake-select.disabled select { background-color:#f9f9f9; color:#919193; } .fake-select.disabled:before { color:#8b8b8d; } .fake-select select[disabled="disabled"] { color:#ccc; } .bus-separator { border-top:0; height:28px; margin:15px 0; margin-top: -34px; text-align:center; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2N8+vTpfwAJFgOw4QSJ2QAAAABJRU5ErkJggg==') center center repeat-x; } .bus-separator:before { content:"r"; font-family: "vfd"; padding:5px; display:inline-block; font-size:22px; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2P8DwQACgAD/il4QJ8AAAAASUVORK5CYII=') center 14px repeat-x; } .biclored-top:before, .biclored-bottom:after { content:""; display:block; width:100%; height:4px; background: rgb(22,89,160); background: -moz-linear-gradient(left, rgba(22,89,160,1) 0%, rgba(22,89,160,1) 50%, rgba(102,148,209,1) 50%, rgba(102,148,209,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(22,89,160,1)), color-stop(50%,rgba(22,89,160,1)), color-stop(50%,rgba(102,178,209,1)), color-stop(100%,rgba(102,178,209,1))); background: -webkit-linear-gradient(left, rgba(22,89,160,1) 0%,rgba(22,89,160,1) 50%,rgba(102,178,209,1) 50%,rgba(102,178,209,1) 100%); background: -o-linear-gradient(left, rgba(22,89,160,1) 0%,rgba(22,89,160,1) 50%,rgba(102,178,209,1) 50%,rgba(102,178,209,1) 100%); background: -ms-linear-gradient(left, rgba(22,89,160,1) 0%,rgba(22,89,160,1) 50%,rgba(102,178,209,1) 50%,rgba(102,178,209,1) 100%); background: linear-gradient(to right, rgba(22,89,160,1) 0%,rgba(22,89,160,1) 50%,rgba(102,178,209,1) 50%,rgba(102,178,209,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1659a0', endColorstr='#66b2d1',GradientType=1 ); } .container-home{ background: rgba(242,242,242,1); background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,242,242,1)), color-stop(54%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=0 ); } .btn { text-shadow:none } .container { padding-left:20px; padding-right:20px; padding-top:20px } /* Bootstrap override */ .bootstrap-datetimepicker-widget table { white-space:normal } .bootstrap-datetimepicker-widget td.disabled, .bootstrap-datetimepicker-widget td.disabled:hover { opacity:.4 } .btn-primary , .btn-light.btn-valid { background:#c8d100; border:0; box-shadow:0 2px 0 #b4bd00; color:#FFF; } .btn-primary:hover , .btn-light.btn-valid:hover { background-color:#bcc400; box-shadow:0 2px 0 #9ba300; } .btn-primary:active , .btn-light.btn-valid:active { box-shadow:0; transform:translateY(3px); } .btn-default { background:#a3a3a5; border:0; box-shadow:0 2px 0 #929395; color:white; } .btn-default:hover { background:#939395; box-shadow:0 2px 0 #87888a; } .btn-default:active { box-shadow:0; transform:translateY(3px); } .btn-default:focus { background:#535354; } .btn-light { padding:10px 25px; font-weight:300; background-color:#f9f9f9; font-size:12px; color:#919193; border:1px solid #cbcccd; box-shadow:0 2px 0 rgba(0,0,0,.1); } .btn-blue { background:#2170c5; color:white; border:0; box-shadow:0 3px 0 #1e65b2; } .btn-blue:hover { color:white; background:rgb(22,89,160); box-shadow:0 3px 0 #1e65b2; } .btn-blue:active { box-shadow:0; transform:translateY(3px); } .icon-connexion:after { margin-top:-1px; font-size: 18px; font-family: "vfd" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; content: "e";} .form-control-height-override { height:auto; } /* !Bootstrap override */ .header { padding-bottom:20px; } .header.normal { margin:0 0 0 0; } #home-logo { font-size:0; max-width: 180px;} .square-button { padding:6px; border:1px solid #b0b1b2; margin:0 0 8px 0; text-align:center; color: #6f7072 ; height: 40px; } .square-button span { vertical-align:top; padding:2px 6px 0 0; font-size:14px; } .square-button i { font-size:24px; vertical-align:top; } .square-button.book-ticket { padding:10px 15px 9px; } .square-button.book-ticket:hover { border :1px solid #4F5051; color: #4F5051;} .aerocar .square-button.book-ticket {border-color: #FFF; color: #FFF; } .aerocar .text-name {color: #FFF;} .text-name {margin-bottom: 5px;} .square-button.book-ticket i { font-size:16px; vertical-align: top; } #lang-select { background:white; border-radius:2px; box-shadow:0 2px 0 #cdcfd1; margin-right:3px; position:relative; z-index:2; vertical-align:top; } .flag { font-size:0 } .current-lang:focus { outline:none } .current-lang:focus + ul.flags, .current-lang:active + ul.flags { display:block; } ul.flags { border:1px solid #e5e5e5; position:absolute; left:-1px; top:38px; padding:0; background:white; border-radius:2px; box-shadow:0 2px 0 #cdcfd1; display:none } ul.flags:hover { display:block } ul.flags li { list-style:none; margin:0; } ul.flags li a { padding:6px 12px 7px; display: block; } .current-lang { vertical-align:middle; line-height:20px; padding: 10px 12px 10px; display: block;} .flag:before { content:""; display:inline-block; /*background:url('/app/vfd/pix/flags.png');*/ background-repeat:no-repeat; width:16px; height:16px; /*box-shadow:0 1px 0 #e5e5e5*/ } .flag.flag-fr:before { background-image:url('/app/vfd/pix/flags/fr-mini.png'); } .flag.flag-en:before { background-image:url('/app/vfd/pix/flags/en-mini.png'); } .flag.flag-nl:before { background-image:url('/app/vfd/pix/flags/nl-mini.png'); } .mobile-nav .flag.flag-fr:before { background-image:url('/app/vfd/pix/flags/fr.png'); background-size: 100%;} .mobile-nav .flag.flag-en:before { background-image:url('/app/vfd/pix/flags/en.png'); background-size: 100%;} .mobile-nav .flag.flag-nl:before { background-image:url('/app/vfd/pix/flags/nl.png'); background-size: 100%;} button[disabled="disabled"] {background:#a3a3a5 !important; color: #666 !important; } .large-icon:before { font-size:18px; margin-right:3px; vertical-align: top; margin-top: -2px; /*margin-bottom:-3px*/ } .icon-shopping-cart .amount { vertical-align:middle; padding:0 0 0 5px; } .reservation-form__title { text-transform:none; font-weight:normal; font-size:20px; margin:10px 0 20px; padding-left: 0; border-color:#e5e5e5; } .reservation-form .form-control { margin:5px 0; height:40px; white-space:nowrap; padding: 0; } .reservation-form .has-background { padding-left:55px; background:white url('/app/vfd/pix/input-sprite.png') 15px 10px no-repeat; } .reservation-form .has-background.inbound { background-position:15px -45px; } .reservation-form .has-background.date { background-image:url('/app/vfd/pix/sprite-date-aller-retour.png'); } .reservation-form .has-background.date.retour { background-position:15px -45px; } .reservation-form__submit { height:50px; margin-top:10px; font-size:16px; text-transform:uppercase; line-height:40px; } .reservation-form { margin-bottom:30px; } .reservation-form.top-abonnement-lists { margin-bottom:15px; } /*.reservation-form__advanced-search .dates { padding:0 10px 0 0; }*/ .date-selection .time { padding:0; } .passengers { padding-top:15px; padding-bottom:15px; margin-top:15px; margin-bottom:15px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; clear:both } /*.passengers .passenger { padding:0 15px 0 0; }*/ .passenger--xtra-passenger .remove { padding:14px 0 0 0; font-size:25px; } .passenger--xtra-passenger .icon-remove { color:#a3a3a5; font-size: 18px; } .passengers .btn-action { color:#fff; padding:10px 18px; margin:4px 0 0 0; max-width: 200px; width: 100%; text-transform: initial;} .passengers .btn-action:focus {background-color: #535354 ; outline: none;} .wrapper-home-colophon { background: #f9f9f9; padding-bottom: 55px;} .home-colophon__tagline { text-shadow:0 1px 0 #fff; font-size:16px; font-weight:normal; font-style:italic; text-align:center ; color: #6f7072;} .home-colophon__tagline strong { display:block; font-weight:bold; font-style:normal; font-size:18px; margin-bottom:5px } .home-colophon__tagline em { font-weight:bold; } .home-colophon__direct-links li {position: relative; } .home-colophon__direct-links li a:before { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 125px; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(51,51,51,0.39) 78%, rgba(51,51,51,0.49) 99%, rgba(51,51,51,0.49) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(78%,rgba(0,0,0,0.39)), color-stop(99%,rgba(0,0,0,0.49)), color-stop(100%,rgba(0,0,0,0.49))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(51,51,51,0.39) 78%,rgba(51,51,51,0.49) 99%,rgba(51,51,51,0.49) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(51,51,51,0.39) 78%,rgba(51,51,51,0.49) 99%,rgba(51,51,51,0.49) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(51,51,51,0.39) 78%,rgba(51,51,51,0.49) 99%,rgba(51,51,51,0.49) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(51,51,51,0.39) 78%,rgba(51,51,51,0.49) 99%,rgba(51,51,51,0.49) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#7d000000',GradientType=1 ); /* IE6-9 */ border-radius: 5px; } .home-colophon__direct-links li a { display:block; height:95px; position:relative; background-color:#145aa0; background-size:cover; background-repeat: no-repeat; background-position: top center; margin-bottom:10px; border-radius:5px; color:white; text-align:right; padding:0 10px; font-size:0; line-height:95px; } .home-colophon__direct-links li a:after { content:"l"; font-family: "vfd"; font-size:30px; vertical-align:middle ; right:10px; transition: all ease 0.3s; position: relative; z-index: 2;} .home-colophon__direct-links li a:hover:after { right: 0px;} .footer__renseignements { background:#c8d100; color:white; padding:20px 0 20px 0; /*margin:10px 0 0;*/ text-shadow:0 -1px 0 rgba(0,0,0,.3) } .footer__renseignements__title { margin-bottom:5px; margin-top:0; font-weight:bold } .footer__renseignements__tagline { font-style:italic; margin-bottom:20px; } .footer__renseignements__contacts__elem { text-align:left; padding:0 10px !important; } .footer__renseignements__contacts__elem__title { margin-bottom:5px; display:inline-block; margin-right:10px; } a.icon-info { text-shadow:none; display:inline-block; padding:10px 12px; background:rgba(0,0,0,.1); border:1px solid white; border-radius:1px; color:white; font-weight:bold; font-size:14px; white-space:nowrap } a.icon-info span { display:inline-block; vertical-align:middle } a.icon-info:before { font-size:16px; vertical-align:middle; text-shadow:none; margin-right:5px; } .footer__xtra__advantages { background:url(/app/vfd/pix/bottom-separator.png) center top repeat-y; } .footer__xtra__advantages__advantage { text-align:center; text-shadow:0 1px 0 #fff } .footer__xtra__advantages__advantage__heading__subtitle { font-size: 10px;} .footer__xtra__advantages__advantage strong { display:block; text-shadow: 2px 2px #FFF; font-size: 12px;} .footer__xtra__advantages__advantage .holder:before { display:block; font-size:44px; margin:0 0 10px; } .footer__xtra__bottom-notes .icon-logo-vfd { font-size:24px; } .footer__xtra__bottom-notes { margin-top:20px; } .footer__xtra__bottom-notes__note { vertical-align:bottom; float:none; } .footer__xtra__bottom-notes__note i { display: none; } .footer__xtra__bottom-notes__note + .footer__xtra__bottom-notes__note { margin-left:-4px; font-size:11px;} .footer__xtra__advantages__advantage__content { clear:both; padding-top:5px; line-height: 1.4;} .footer-link { color:#6f7072; display:inline-block; padding:0 3px 0 0; line-height:1; font-size:11px; } .footer-link + .footer-link { border-left:1px solid #6f7072; padding-left:6px; } .footer-logo { width: 65px; margin-left: 8px; display: inline-block;} .back-to-top--mobile { height:6px; border-top:1px solid white; width:100%; display:block; background:#c8d100; font-size:0; position:relative; } .back-to-top--mobile:before { position:absolute; display:block; width:70px; height:40px; text-align:center; color:white; font-size:20px; border-radius:100px 100px 0 0; background:#c8d100; left:50%; margin-left:-35px; bottom:0; padding-top:10px; } .back-to-top--mobile:hover{ background-color: #B2BA04; transition: all ease 0.3s;} .back-to-top--mobile:hover:before { top: -36px; background-color: #B2BA04; transition: all ease 0.3s; } .back-to-top--desktop { position: fixed; border-radius: 50%; width:45px; height:45px; text-align:center; color:white; font-size:20px; background:#c8d100; right:20px; margin-left:-35px; bottom:20px; padding-top:10px; box-shadow: 0px 1px 1px #aaa;} .back-to-top--desktop:hover , .back-to-top--desktop:focus { background-color: #B2BA04; transition: all ease 0.3s; text-decoration: none; } .back-to-top--desktop:before { font-size:16px; margin-left: 5px; margin-top: -2px;} .back-to-top--desktop:hover:before , .back-to-top--desktop:focus:before {color: #fff; margin-top: -3px; text-decoration: none;} /* Results */ .header.results.aerocar { background-image:url('/app/vfd/pix/header-results.jpg'); background-size: 100%;} .header.results.aerocar #mobile-menu-trigger {border: 1px solid #FFF; color: #FFF; } .alert-box { padding:15px 12px; background:#f2f2f2; border:1px solid #e1e1e1; margin:5px 0 10px 0; display:block; text-align:center; color:#2170c5; font-size:14px; } .alert-box .main { display:block; font-weight:bold; } .recap-info { background:#f2f2f2; border:1px solid #e1e1e1; display:inline-block } .recap-info__box { padding:15px 25px 20px 15px; height:70px; border-right:1px solid #e1e1e1; vertical-align:top } .recap-info__box.inlined { padding:12px 15px; height:auto; background:#f9f9f9; border:1px solid #bdbebf; } .recap-info__box.inlined .date { display:inline } .recap-info__box--last { border-right:0; } .recap-info__box:before { margin-right:8px; font-size:14px; color: #898a8c;} .recap-info__box .inline-blocked { vertical-align:middle; text-align:left; line-height:14px } .recap-info__box .date, .recap-info__box .time { display:block; color:#2170c5; font-size:14px; } .extra-notif { font-size:14px; color:#bcc400; background:#fff; border:1px solid #e1e1e1; height:72px; padding:19px 15px 20px !important; text-align:left; display:inline-block; vertical-align:top } .results-container { background:#f2f2f2; margin:15px 0; } .results-amount { font-size:14px; margin-top:10px; } .col-price { text-align: right; margin-top: 25px;} .results-container__list__result { font-size:14px; margin-bottom:10px; } .results-container__list__result.abonnement .recap-prix-total { background:#d22361; } .results-container__list__result.abonnement .recap-elem.action { background:#c2205a; } .results-container__list__result.abonnement .price {color: #d22361; } .results-container__list__result.abonnement .info-abonnement {color: #d22361; display: block; } .recap-elem { padding:15px 20px; border:1px solid #bdbebf; } .recap-destinations { background:white; } .recap-destinations__horaires .time { display:inline-block; width:43px; font-weight:bold; color:#2170c5; } .account-content .recap-destinations__horaires .time { width:auto } .recap-destinations__horaires .etape * { font-weight:normal; font-style:italic } .recap-destinations__horaires .etape .label { font-weight:normal; } .recap-destinations__horaires .arrivee .time { font-weight:normal } .recap-destinations__horaires .label { font-weight:bold; text-transform:uppercase;} .recap-destinations__duree-type .icon-duree { display:inline-block; width:43px; font-size:33px; color:#c8d100; vertical-align:middle } .recap-destinations__horaires { line-height:22px } .recap-destinations__horaires [class^="icon-"]:before { display:inline-block; width:20px } .recap-destinations__duree-type { max-height:25px; margin-top:-2px; } .recap-destinations__duree-type .duree { font-weight:bold; color:#c8d100; } .recap-tarification { background:#f9f9f9; font-size:12px; line-height:20px } .recap-tarification .price { color:#2170c5; } .recap-tarification .price .total { font-weight:bold } .recap-prix-total { background:#2170c5; text-align:center; line-height:90px; border:0; } .recap-prix-total .total-price { font-size:20px; font-weight:bold; color:white; } .recap-elem.action { background:#1e68b6; text-align:center; padding:0; border:0; } .recap-elem.no-padding { padding:0; } .recap-elem.action .action { display:block; height:100%; } .recap-elem.action button.action { background:none; border:0; display:inline; } .recap-elem.action .action span { background-size:100%; width:40px; height: 96px;font-size:0; display:inline-block; vertical-align:middle } .recap-elem.action .action span:before { content:''; background-image :url('/app/vfd/pix/cart_noplus.svg'); background-repeat:no-repeat ;background-size: 38px 32px ; height:38px; width: 50px; color: #FFF;} .recap-elem.action .action:hover span:before { content:''; background-image:url('/app/vfd/pix/cart_plus.svg'); color: #FFF;background-repeat:no-repeat ;background-size: 38px 32px ; height:38px; width: 50px; color: #FFF;} .recap-elem.action .action .texte { color:white; font-weight:bold; text-transform:uppercase; } .row-actions div:nth-child(1){margin-left: 15px;} .row-actions div.actions:nth-child(1) {margin-left: 0;} .tarif-promo .recap-prix-total { background:#d22361; } .tarif-promo .recap-elem.action { background:#c2205a; } .tarif-promo .price { color:#d22361; } .offre-speciale .recap-prix-total { background:#ff5400; } .offre-speciale .recap-elem.action { background:#ec4e00; } .offre-speciale .price { color:#ff5400; } .offre-speciale .icons { font-size:16px; margin:5px 0 8px; } .offre-speciale .icons * { display:inline-block; vertical-align:middle; line-height:1; } .offre-speciale .title { font-weight:bold; font-size:14px; line-height:1.1; margin-bottom:5px; } .offre-speciale .conditions { line-height:1.1; } .alert-obligation {padding-left: 0px;} .no-exchange-text {color: #D51C1C; font-size: 11px; width: 125px; margin-left: -25px; border-left: 0; } .mobile-nav { background: rgb(242,242,242); background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 74%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(74%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 74%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 74%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 74%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 74%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); padding:0 15px; margin-top:15px; position:relative; border-bottom: 3px solid #c8d100; } .mobile-nav .mobile-nav-list { margin:0; } .mobile-nav .mobile-nav-list li:nth-child(9) .list-elem ,.mobile-nav .mobile-nav-list li:nth-child(10) .list-elem , .mobile-nav .mobile-nav-list li:nth-child(11) .list-elem {font-size:14px;} .mobile-nav .menu-elem { padding:17px 5px 14px; color:#b2b2b2; text-transform:uppercase; border-bottom:1px solid #d2d2d2; margin:0; } .mobile-nav .close-nav { background:none; border:0; font-size:12px; text-transform:uppercase; color:#b2b2b2; } .mobile-nav .close-nav i { font-size:20px; } .mobile-nav .close-nav.first { position:absolute; top:12px; right:15px; } .mobile-nav .close-nav.full-width { width:100% } .mobile-nav .list-elem { padding:13px 5px; display:block; font-size:18px; color:#6f7072; border-bottom:1px solid #d2d2d2; } .mobile-nav .list-elem.small { font-size:13px; } .mobile-nav .lang-list .flag-holder { display:inline-block } .mobile-nav .lang-list .flag-holder .flag { font-size:12px; color:#6f7072; text-transform:uppercase; } .mobile-nav .lang-list .flag-holder .flag span { display:inline-block; vertical-align:bottom; display:inline-block; margin:0 5px 0 5px; line-height:1; } .mobile-nav .lang-list .flag-holder .flag:before { width:30px; height:25px; } .main-content > .container { padding-bottom:30px; margin-bottom:0px; } .main-content { line-height: 16px; background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 16%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(16%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 16%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 16%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 16%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 16%,rgba(255,255,255,1) 100%); } .icon-svg {position: relative} .icon-svg svg { position: absolute; top: 12px; z-index: 1; left: 10px;} .main-title { background:white; } .main-title h2 {color:#2170c5; font-weight:bold; } .title-connexion {text-align: center; color:#2170c5; font-weight: 600;} .title-credit {color:#2170c5; font-weight: 600; font-size: 16px; } .main-title .title { font-weight:normal; font-size:20px; padding:0 0 10px 0; text-transform:none; color:#6f7072; border-color:#e5e5e5; margin-top:15px; } .content { background:#f2f2f2; } .white-bg { background:white; } .reservation-content { padding:50px 0; } .reservation-content .recap-destinations { border-top:0 } .top-line.total { border:1px solid #bdbebf; border-right:0; background:#f9f9f9; padding:25px; } .top-line.total .title { font-weight:bold; font-size:16px; } .top-line.total .infos-promotion { font-weight:bold; font-size: x-small; } .top-line.total .resa-price.resa-price { top:-1px; padding-top:25px; } .results-container__list__result .top-line { position:relative; } .results-container__list__result .top-line .resa-price { position:absolute; right:0; top:0; bottom:-1px; background:#2170c5; width:120px; text-align:center; padding-top:14px; font-weight:bold; color:white; font-size:16px; } .reservation-recap-form { background:white; padding:40px 0 60px; } .modal-body .reservation-recap-form { background:white; padding:0; } .reservation-recap-form .checkbox-cgu { display:inherit; } .reservation-recap-form .form-control { height:40px; } .reservation-recap-form .fake-select:before { color:#c8d100; } .reservation-recap-form .input-bg { line-height:1.4; padding: 0; } .reservation-recap-form .input-bg input { height:100%; color:#5f6062;padding: 0; padding-left:35px; } .reservation-recap-form .input-bg input:focus { border:1px solid #c8d100; margin: -1px; height: 40px; width: 101%; border-radius: 3px; } .reservation-recap-form .input-bg:before { position: absolute; left: 11px; top: 7px; color:#c8d100; font-size:15px; margin-top: 5px; margin-left: -3px; } /*.reservation-recap-form .input-bg.icon-email-envelope-double:before { content:""; background:url('/app/vfd/pix/envelopes.png') left center no-repeat; background-size:contain; } *//*.reservation-recap-form .input-bg.icon-email-key-double:before { content:""; background:url('/app/vfd/pix/password_confirm.svg') left center no-repeat; background-size:contain; }*/ .reservation-recap-form .recap-passengers:last-child { margin-bottom: 55px;} .reservation-recap-form .inline-checkbox-group { margin:15px 0 0; font-size:14px } .reservation-recap-form.modif {padding-top: 0} .container-account h2 {color: #1c61aa; font-weight: bold; } .inline-checkbox-group * { display:inline-block; vertical-align:middle; } .inline-checkbox-group input { margin:2px 0 0 0; } .inline-checkbox-group .label { margin-right:8px } .recap-passengers { padding-bottom:20px; border-bottom:1px solid #e5e5e5; } .recap-passengers + .recap-passengers { padding-top:20px;} .recap-passengers .title { margin-bottom:15px; color:#6f7072; font-size:14px; } .recap-passengers .title strong { color:#2170c5; } .reservation-recap-form .recap-passengers.disabled .fake-select:before ,.reservation-recap-form .recap-passengers.disabled .input-bg:before{color: #8b8b8d} .recap-passengers.disabled .input-bg ,.recap-passengers.disabled .fake-select.fake-select{background: #f9f9f9;} .recap-passengers.disabled .fake-select.fake-select select { color: #bbb; } .actions.decale { padding-top:60px; } .blue-title { font-size:16px; font-weight:bold; color:#2170c5; margin-bottom:15px; } .blue-title.no-margin { margin-bottom:0; } .recap-list { background:#f9f9f9; border:1px solid #bdbebf; } .recap-list .item { padding:8px 10px; font-size:11px; position:relative; } .recap-list .item + .item { border-top:1px solid #e0e0e0; } .route { text-transform:uppercase; } .route * { display:inline-block; vertical-align:middle; line-height:1; } .recap-list .item .tarif { position:absolute; top:0; right:0; color:#2170c5; padding:15px; } .recap-list .item.total .tarif { float:right; position:static; margin:-9px -11px; background:#2170c5; color:white; font-size:15px; font-weight:bold; padding:10px; } .recap-buyer .fake-select.fake-select { max-width:120px; } .recap-buyer .input-bg { max-width:250px; margin-top:8px; } .reservation-recap-form .input-bg:before { text-align:left; width:24px; height:18px } .reservation-recap-form .grey .input-bg { background:#f9f9f9; color:#6f7072; } .captcha .input-bg { background:#f9f9f9; color:#6f7072; } .reservation-recap-form .grey .input-bg:before { color:#6f7072; } .input-extra-info { display:inline-block; font-size:10px; position:absolute; right:8px; top:0; line-height:40px; height:40px; } .title-bag { color:#2170c5; font-weight:bold; margin-bottom: 5px;} .col-bag { float:left; max-width:140px; width:100%; margin-top:-10px; } .col-bag .fake-select.fake-select { height:40px; background-color:#f9f9f9; } .col-bag .fake-select.fake-select select { width:100%; padding-left: 0; } .col-bag .fake-select.civility:before { content: "I";} .col-bag.title-type{ float: left; max-width: 120px; width: 100%; margin-top:0; } .block-bag {padding: 15px 0 ; overflow: hidden; } .create-account .checkboxes { margin-top:15px; } .captcha { max-width:300px; } .captcha img { margin-top:9px; width: 85px; height: auto; margin-top: 9px; } .moyens-de-paiement { margin-top:30px; } .paybox-slip { background:#f2f2f2; padding:50px 0; margin-top:15px; } .logo-holder { width:100%; height:55px; display:block } .logo-holder.paybox { background:url('/app/vfd/pix/Paybox_logo.png') left center no-repeat; background-size:contain; } .cartes .card-list { width:100%; } .cartes .card + .card { margin-left:10px; } /*.cartes .card label:before { content:""; display:block; background-size:100% 100%; width:48px; height:30px; margin:0 auto 6px; }*/ .cartes .card.cb label:before { background-image:url('/app/vfd/pix/paiement/cb.png'); } .cartes .card.mastercard label:before { background-image:url('/app/vfd/pix/paiement/mastercard.png'); } .cartes .card.visa label:before { background-image:url('/app/vfd/pix/paiement/visa.png'); } .checkbox-cgu { line-height:1; font-size:14px; padding-left:19px; } .checkbox-cgu input { display:inline-block; margin:0 0 0 -20px; vertical-align:top } .checkbox-cgu .label { font-weight:normal; display:inline-block; vertical-align:top; padding-left:5px; } .checkbox-cgu a { color:#2170c5; text-decoration:underline; } .account-content { background:#f2f2f2; padding:30px 0; } .account-content .input-bg:before{content:' '; } .account-content .input-bg >input {padding-left: 0; } .account-content .actions .inline-actions .action {height: 40px; line-height: 35px; padding: 0; float: left; font-size: 15px;} .account-content .reservation-form__submit{ min-width: 150px;} .account-content .container { padding-top:0; padding-bottom:0; } .commandes-list .commande { padding:12px; border:1px solid #bdbebf; background:white; margin:5px 0; line-height:20px; position:relative; } .commande .commande-number { font-size:14px; font-weight:bold; color:#6f7072; } .commande .commande-date { font-size:12px; color:#a4a4a4; } .commande .commande-status { font-size:14px; color:#6f7072; } .commande .commande-details { top:12px; right:12px; position:absolute } .commande .commande-details a { color:#2170c5; font-size:14px; text-decoration:underline } .commande .commande-prix { color:#2170c5; font-size:14px; font-weight:bold; position:absolute; right:12px; bottom:12px; } .detail-resume { padding:5px 0 15px; } .detail-resume .detail-list { line-height:20px; margin-bottom:20px; } .detail-resume .detail-list .info-name { display:inline-block; width:40%; text-align:right; margin-right:-4px; color:#6f7072; } .detail-resume .detail-list .info-detail { display:inline-block; width:50%; text-align:left; padding-left:5px; color:#6f7072; font-weight:bold; } .results-container__list.details-list .recap-destinations { border-top:0; border-bottom:1px solid #bdbebf } .results-container__list.details-list .top-line .resa-price { width:100px; } .details-list .recap-passenger { padding:6px 6px 6px 15px; background:#f9f9f9; border:1px solid #bdbebf; border-top:0; } .details-list .recap-passenger .passenger { font-size:10px; color:#5f6062; line-height:1.2; margin-top:4px } .details-list .recap-passenger .passenger strong { white-space:nowrap } .details-list .recap-passenger .tarif { font-size:10px; color:#2170c5; } .details-list .top-line.total { padding:15px; } .details-list .top-line.total .resa-price.resa-price { padding-top:16px; } .btn.inlined-btn { line-height:1; } .btn.inlined-btn i { margin-right:3px; font-size:13px; } .btn.inlined-btn * { display:inline-block; vertical-align:middle } .actions .inline-actions .action { margin:0; display:inline-block; vertical-align:bottom; float:none; } .actions .inline-actions .action + .action { margin-left:20px; } /* Modal */ .modal-content { padding:55px; } .modal-header { padding:0 0 10px 0; } .modal-body { padding:0; } .modal-title { font-size:20px; } button.close { position:absolute; top:15px; right:15px; opacity:1 } .connexion-box, .account-creation-box { padding:45px 45px 0 45px; } .connexion-box .checkbox-cgu { margin-top:10px; margin-bottom:15px; padding-left:25px; } .connexion-box .submit .btn { padding:15px 0; } .connexion-box .xtra-link { text-align:center; margin:15px 0; } .connexion-box .xtra-link a { color:#2170c5; font-size:14px; } .account-creation-box { background:#f5f5f5; border:1px solid #e5e5e5; font-size:14px; padding-bottom:45px; } .account-creation-box .title { font-size:14px; font-weight:bold } .account-creation-box p { color:#86888a; line-height:18px; margin-bottom:25px; } .account-creation-box .btn { padding:15px 0; } /* Renseignement */ .footer__renseignements.modifs .container{ padding-top:25px;} .block-renseignement { padding-left: 80px;} .block-renseignement h2{ text-align: left; font-size: 18px; } .block-renseignement .footer__renseignements__tagline{ text-align: left; font-size: 15px; } .footer__renseignements.modifs .col-sm-4 { text-align: right; padding-right: 50px;} .icon-talk-chat-2:before{ float: left; display: block; font-size: 43px; vertical-align: top; margin-right: 20px; margin-top: -3px; margin-bottom:20px;} /* Account */ .toolbar-panel .primary a { display:block; font-size:14px; padding:10px 0; border-bottom:1px solid #ccc; } .toolbar-panel .primary a.selected { color:#c8d100; } .account-content .input-bg { line-height:18px; height:38px; margin:5px 0 0; padding-top:0; padding-bottom: 0; } .account-content .fake-select.fake-select { height: 40px; } .account-content .fake-select.fake-select select { padding-left: 0; } .account-content .fake-select.fake-select:before{ top:12px; content: ''; } .account-content .input-bg:before { font-size:15px; width:20px; } .account-content .fake-select.icon-user:before { font-size:15px; width:20px; text-align:center } .account-content .actions { margin-top:5px; } .account-content .avantages .avantages-box { float: none; overflow: hidden; } .account-content .avantages .avantage-box { border: 1px solid #ccc; margin-bottom: 30px; margin-right: 30px; padding: 0; min-height: 220px; width: 100%; background: #fff;} .account-content .avantages .avantage-box .avantage-code {text-align: center; border-bottom: 1px solid #ddd; font-size: 30px; line-height: 1; color: #fff; font-weight: bold; font-size: 18px; padding: 15px; background: #c8d100; } .account-content .avantages .avantage-box .avantage-box-content {padding: 10px; } .account-content .avantages .avantage-box .avantage-amount { font-size: 25px; margin: 20px 0;} .account-content .avantages .avantage-box .avantage-box-content > div { text-align: center;} .account-content .avantages .avantage-code { font-size: large; text-align: center; } .account-content .avantages .avantage-conditions-labels { margin-top: 20px; } .account-content .avantages .avantage-conditions-labels li { padding: 0; } .account-content .avantages .avantage-conditions-labels li:after { content: ","; } .account-content .avantages .avantage-conditions-labels li:last-child:after { content: "."; } .header__menu-box #mobile-menu-trigger{ border: 1px solid #b0b1b2; color: #b0b1b2;} .header__menu-box #mobile-menu-trigger .icon-android-menu { margin-top: -2px; vertical-align: top; display: inline-block; font-size: 20px; } .action-resultats .recap.clearfix{ margin: 15px 0 10px; } .action-resultats .recap-info .inline-blocked.recap-info__box.aller.icon-date-aller,.action-resultats .recap-info .inline-blocked.recap-info__box.heure.aller.icon-clock{padding-top: 20px;} .icon-shopping-head:before{ margin-top: -3px; margin-right: 8px; margin-left: 4px;} .passengers .btn-add-home { color: #aaa; max-width: initial; width: 100%; text-align: left; text-transform: initial; border: 0; background: none !important; padding: 13px 15px 13px 0; margin-left: -15px; text-decoration: underline; font-size: 14px;} .passengers .btn-add-home:focus { background-color: transparent; outline: none; } .passengers .btn-add-home:hover { color: #535354; outline: none; } /* */ .modal-body .container-signup{ padding: 0; width: auto;} .modal-body .actions {margin-top: 20px; } .reservation-recap-form .form-control.fake-select.fake-select { background-color: #FFF !important ;} .reservation-recap-form .create-account .form-control.fake-select.fake-select:before { top: 4px; } .square-button span, .header__menu-box__link {text-transform: uppercase; } .wifi-disabled { margin:10px 0; } @media (max-width: 992px) { .col-bag-add {padding: 0;} .alert-box {font-size: 12px} #home-logo { width:60%; padding-left: 0 !important ; max-width: 150px !important ; margin-left: 0 !important ; margin-top: 0 !important ;} #home-logo img { max-width:100%; } .alert-box .main + .desc { display:block; margin-top:10px; } .header.results { padding-bottom: 0 } .header.results .container {padding-bottom: 20px; padding-top: 10px;} .recap-info { width:100%; font-size:0 } .recap-info__box { padding:20px 14px 20px 9px; font-size:10px; border-left: 0; } .recap-info__box .date, .recap-info__box .time { font-size:12px; } .recap-info__box .date.pull-right { display:block !important; float:none !important; } .recap-info__box:before { margin-right:5px } .btn-responsive { font-size:10px; padding:10px 15px; } .recap-destinations { border-bottom:0; } .recap-elem.recap-tarification { line-height:16px; border:1px solid #bdbebf; border-bottom: 0; border-left: 0; } .recap-elem.no-padding { height:95px; } .offre-speciale .recap-tarification { height:170px; } .offre-speciale .recap-elem.no-padding { height:170px; } .offre-speciale .recap-prix-total { height:128px; line-height:128px; } .recap-tarification .price { display:block; margin-bottom:5px; } .recap-elem { padding:10px 15px } .recap-prix-total { height:60px; line-height:60px; padding:0; } .recap-elem.action { height:40px; } .recap-elem.action .action span { height:21px; width:25px; display: block;} a.icon-info { font-size:12px; width:100%; } .footer__renseignements__contacts__elem__title { font-size:11px; margin-right:0; } .route { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .recap-list .item .tarif { top:auto; bottom:0; padding-bottom:8px; padding-right:10px; font-weight:bold; } .reservation-recap-form { padding-top:0; padding-bottom:30px; } .moyens-de-paiement { margin-top:10px; } .paybox-slip { padding:15px 0; } .logo-holder.logo-holder { background-position:center center; margin:20px auto 10px -15px; height:45px; } .recap-buyer .input-bg { margin-top:0; margin-bottom:15px; max-width:none; } .actions.decale { padding-top:10px } .create-account .input-bg { margin-bottom:8px; } .captcha { margin-top:0; } .actions .inline-actions { text-align:center } .actions .inline-actions .action + .action { margin:15px auto; } .recap-destinations__horaires {margin-bottom:0; padding: 0;} .col-bag {max-width: 125px; margin-top: -20px;} .results-container {margin-top: 0;} .extra-info { margin:5px 0 10px; display:block; padding-left:15px } body {margin-bottom: 162px; } .main-footer {height: 162px; } } @media (max-width: 992px) { .recap-destinations { border-bottom:0; } .recap-elem.no-padding { height:96px; } .recap-tarification { min-height:96px; } .results-container__list__result { border: 1px solid #bdbebf; background-color:#1e68b6;} .recap-elem { border:0;} #exchange-search-modal .recap-elem.no-padding { height:41px; border-bottom:0; } .panier-content .results-container__list__result { border: 0;} .recap-info__box.inlined { border-top: 0; border-left: 0;} .top-line.total {border:0;} .wrapper-home-colophon { padding-bottom: 15px;} .extra-notif { font-size:12px; width:50%; border:0; height:auto; padding:26px 15px !important; text-align:left; margin-top:10px; } /** merge git ==> .extra-notif { font-size:12px; width:50%; border:0; height:auto; padding:15px; text-align:left; margin-top:10px; } **/ .trouver-abonnement-stamp.trouver-abonnement-stamp { margin-top:10px; padding-bottom:10px } /* .header{padding-bottom: 0;} */ .passengers .btn-add-home { margin-left: 15px;} .title-bag {display: none;} .recap-elem.action .action span:before{margin-top: -3px !important;} .recap-elem.action button.action{height: 35px;} } @media (max-width:400px) { .extra-notif { padding:20px 15px !important; } } @media (max-width: 1200px) { .recap-elem.action { position:absolute; bottom:0; } .recap-elem.action .action span:before { content:''; background-image :url('/app/vfd/pix/cart_noplus.svg'); background-repeat:no-repeat ;background-size: 30px 25px ; height:30px; width: 30px; color: #FFF; margin-top: 6px;} .recap-elem.action .action:hover span:before {content:''; background-image :url('/app/vfd/pix/cart_plus.svg'); color: #FFF;background-repeat:no-repeat ;background-size: 30px 25px ; height:30px; width: 30px; color: #FFF; margin-top: 6px;} #account-manager .modal-body {padding-top: 25px;} .checkbox-cgu .label {line-height: 1.2 } } @media (min-width: 992px) { .btn-block-home { padding: 0 335px 0px 11px;} .col-account {padding-left: 45px;} .extra-notif { padding-left:20px; padding-right:20px; } .col-custom {width: 50%; float: left;} .recap-elem + .recap-elem { border-left:0; } .results-container .results-container__list__result { display:flex; display:-webkit-flex; } .modal-dialog { width:900px; } .home-colophon__direct-links li { float: none; padding:0; display:inline-block; min-width: 280px; } .home-colophon__direct-links li:nth-child(2) { margin: 0 52px;} .home-colophon__direct-links li + li:nth-child(5) { margin-left:52px;} .home-colophon__direct-links li:nth-child(5) + li:nth-child(6) { margin-left:52px;} .home-colophon__direct-links { text-align:center } .extra-notif { margin-left:10px; max-width:190px } .no-resultat .recap-info__box.icon-date-aller .inline-blocked { width: calc(100% - 27px); } .row > .passenger, .passenger--xtra-passenger { width:100%; float:left } .reservation-form__advanced-search .passengers { padding:0 0 0 35px; border:0; margin:0 0 0 0; border-left:1px solid #e5e5e5; } .responsive-btn-holder .btn { float:none; Max-width: 280px; width: 100%; } .responsive-btn-holder { margin:40px 0 30px; padding-top:10px; border-top:1px solid #e5e5e5; clear:both } .col-form {padding-right: 35px; margin-right: -1px; border-right: 1px solid #e5e5e5; padding-left: 0;} .footer__xtra { background:white } .footer__xtra .container { padding-top: 25px; } .footer__xtra__advantages { background:none; margin-bottom:20px; } .footer__xtra__advantages__advantage { text-align:left; padding:20px !important; } .footer__xtra__advantages__advantage .holder { padding:20px 25px 60px 25px; border-top:1px solid #e5e5e5; background: -moz-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,243,243,1)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(243,243,243,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#00ffffff',GradientType=0 ); } .footer__xtra__advantages__advantage .holder:before { float:left; font-size:30px; margin-right:20px } .footer__xtra__advantages__advantage__heading { float:left; text-transform: uppercase;} .footer__xtra__advantages__advantage__heading__subtitle { text-transform: initial;} .back-to-top--mobile:before {display: none !important ;} } @media (min-width: 768px) and (max-width:1199px) { .recap-tarification { line-height:16px; border:1px solid #bdbebf; border-left:0;} .recap-tarification .price { display:block; margin-bottom:5px; } .recap-elem { padding:10px 15px } .recap-prix-total { height:60px; line-height:60px !important ; padding:0; } .recap-elem.action { height:40px; } .recap-elem.action .action span { height:21px; width:34px; } .offre-speciale .recap-tarification { height:150px; } .offre-speciale .recap-elem.no-padding { height:150px; } .offre-speciale .recap-prix-total { height:108px; } } @media (min-width: 768px) and (max-width:992px) { .modal-dialog { width:95%; } } @media (min-width: 768px) { .header__menu-box__link { vertical-align:top; margin-top:0; height:38px; line-height:29px; } #mobile-menu-trigger { float:right; margin-left:5px; } .header__menu-box__link { padding-left: 15px; padding-right: 15px; margin-left: 3px; } .header__menu-box__link span { display:inline-block; vertical-align:middle } .header__menu-box { margin-top:40px; } .recap-tarification { border-right:0 } .recap-prix-total { border:0; line-height:95px; margin-top: -1px; margin-bottom: -1px; } .recap-elem.action { margin-top: -1px; margin-bottom: -1px; } .create-account .input-bg { margin-bottom:8px; max-width:300px; } .create-account .row { margin-bottom:25px; } .create-account .row.together { margin-bottom:0; } .create-account .col-sm-12.col-md-5{ width: 34.666667%;} .panier-content.panier-content.result-panier .recap-destinations__persons { padding:10px; } } @media (min-width: 1200px) { .no-padding-left-lg { padding-left:0 !important; } .square-button span, .header__menu-box__link { font-size:12px } .reservation-form__advanced-search { display:inline-block; } .home-colophon__tagline { max-width:50%; margin:0 auto 20px; } .home-colophon__direct-links li { float:none; display:inline-block; } .footer__renseignements__contacts { text-align:center } .footer__renseignements__contacts__elem { display:inline-block; float:none; padding:10px 20px !important; background:rgba(0,0,0,.1); border:1px solid white; border-radius:1px; color:white; margin:0 10px; } a.icon-info { padding:0; background:none; border:0; display:block; } .recap-elem.action .action { line-height:90px; } /* .reservation-form { background:url('/app/vfd/pix/bg-bus.png') 820px 84px no-repeat; } */ .recap-elem.flexed { display:flex; display:-webkit-flex } } @media (min-width:992px) and (max-width:1200px) { .recap-prix-total { height:100% } } @media (max-width: 768px) { .modal-content { padding:25px; } .connexion-box { padding:20px 0; } .account-creation-box { border-top:1px solid #e5e5e5; padding:25px; } .reservation-recap-form .actions.decale {margin-top: -15px; padding-top: 0; } .reservation-content {padding: 5px 0 15px; } .col-bag { max-width: 100px; } .col-bag.title-type { max-width: 100px;} .cartes .card-list {text-align: center;} .icon-connexion {margin-right: 3px;} .square-button span { padding-top: 3px; } .extra-notif { width:100%; } .trouver-abonnement-stamp.trouver-abonnement-stamp { width:100%; text-align:left } } @media (max-width:767px) { .col-bag { max-width: 140px; } .col-bag.title-type { max-width: 120px;} .results-container__list.details-list .top-line .resa-price { width: 90px;} .confirmation-container .actions .btn + .btn { margin-top:10px; } .square-button {height:35px;} .recap-passengers .input-bg { margin-top:10px } .recap-passengers .input-bg.icon-tag-2 { margin-top:10px } } @media (max-width: 320px) { .col-bag {max-width: 125px; margin-top: -20px;} .col-bag.title-type {max-width: 120px; } .results-container__list__result .top-line .resa-price { width: 100px;} } /* Intégration JB */ #home-logo{ margin-left: -20px; top: 4px; position: relative;} .btn-contact { transition:all ease 0.6s;} .btn-contact:hover { background-color: #FFF; color: #c8d100; } /* 404 */ .title-404 { font-size:28px; margin: 50px 0 65px; } .picture-404 { background:#f2f2f2; padding:70px 0 50px;} .picture-404 img { max-width:480px; width: 100%;} /* Page CMS */ .cms-container { font-size: 14px;} .cms-container h1 { font-weight: normal; font-size: 20px; padding: 0 0 10px 0; text-transform: none; color: #6f7072; border-color: #e5e5e5; margin-top: 15px;} .cms-container h2 { font-size: 16px; font-weight:bold; color: #2170c5; margin-bottom: 10px;} .cms-container .title { margin-bottom: 40px;} .cms-container .content-cms { max-width:640px; width: 100%; margin-bottom: 50px; font-family: arial;} .cms-container .content-cms p { line-height: 1.4;} .cms-container .content-cms a { color: #c8d100; text-decoration: none; } .cms-container .content-cms a:hover { text-decoration: underline; } /* Paiement Confirmation */ .confirmation-container{ font-size: 14px;} .confirmation-container .title { margin-bottom: 35px;} .confirmation-container .actions { margin-bottom:35px; } .confirmation-container h2 { font-size: 16px; font-weight:bold; color: #2170c5; margin-bottom: 20px;} .confirmation-container .confirmation-content { max-width:630px; width: 100%; overflow: hidden; padding-bottom: 10px; } .confirmation-container .confirmation-content p { line-height: 1.4; margin-bottom: 30px;} .confirmation-container .confirmation-content p a { color: #5f6062; text-decoration: underline;} .confirmation-container .confirmation-content .btn { text-transform: uppercase; font-size: 15px; height: 48px; line-height:40px } /* Panier */ .panier-content { background: #f2f2f2; padding: 15px 0 5px;} .panier-content .recap-info__box.inlined { background: #1c61aa; color: #FFF; text-transform: uppercase; font-size: 16px; padding: 13px 20px; } .panier-content .recap-info__box.inlined .inline-blocked strong { margin-right: 120px; display: block;} .panier-content .recap-info__box.inlined .icons { margin: 0 4px;} .panier-content .recap-info__box.inlined .icon-caret-left:before , .panier-content .recap-info__box.inlined .icon-caret-right:before { margin-top: -3px; } .panier-content .recap-info__box.inlined .icon-caret-left:before {margin-left: -5px; margin-right: -5px; } .panier-content .recap-info__box.inlined .icon-caret-right:before { margin-right: -5px;} .panier-content .recap-elem { padding: 0; font-size: 12px; color: #5f6062;} .panier-content .recap-elem .date { color:#2170c5; font-size: 13.5px; } .panier-content .recap-elem .icon-date-aller:before { margin-right: 10px; margin-top: -1px; color: #888888 } .panier-content .recap-elem .icon-date-retour:before { margin-right: 7px; margin-top: -1px; color: #888888} .panier-content .recap-elem .transport { color:#a0a1a4; } .panier-content .results-container__list__result { margin-bottom: 25px; } .panier-content .results-container__list__result .top-line .resa-price { top: 1px; bottom: 1px;} .panier-content .results-container__list__result.result .top-line .resa-price { top: -1px; bottom: -1px;} .panier-content .recap-destinations__horaires { overflow: hidden; padding: 12px 5px 12px 0; border-bottom: 1px solid #cacaca} .panier-content .recap-destinations__horaires .col-md-3 { text-align:right;} .panier-content .recap-elem.recap-destinations .btn { background:#6f7072; font-size: 10px; height: 30px; width: 90px;} .panier-content .recap-elem.recap-destinations .btn:hover { background:#7a7b7e; } .panier-content .recap-destinations__persons { background:#f8f8f8; padding: 12px 19px; border-top: 1px solid #e9e9e9; } .panier-content .recap-destinations__persons strong { font-size: 14px;line-height: 21px; } .panier-content .recap-destinations__persons .icon-user:before, .panier-content .recap-destinations__persons .icon-bagages:before { margin-top: -4px; margin-right: 8px; color: #888888; } .panier-content .recap-destinations__abonnement .form-control {height: 38px; margin-top: 8px; line-height: 24px; } .panier-content .recap-destinations__abonnement input , .panier-content .recap-destinations__abonnement select {padding-left: 0; } .panier-content .recap-destinations__abonnement .icon-date-aller:before {content: ''; } .panier-content .recap-destinations__abonnement .price-abonnement { font-size: 18px; padding: 10px; border-bottom: 1px solid #ccc; margin-bottom: 10px; } .panier-content .recap-destinations__abonnement .price-abonnement strong { font-size: 18px; } .action-panier { padding-bottom: 20px;} .action-panier .btn { font-size:15px; text-transform:uppercase; height:50px; max-width:280px; width: 100%; float: right; margin-top: 10px; line-height:42px } .action-panier .btn.btn-achat { float: left;} /* Page No Resultat*/ .no-resultat { background: #f2f2f2; padding: 45px 0 100px; } .no-resultat h2 { text-align:center; color: #727375; font-size: 19px; max-width: 500px; font-weight: bold; margin: 0 auto; line-height: 1.3; } .no-resultat .title-colophon {font-size: 15px; margin :15px 0; } .no-resultat .btn-primary { max-width: 270px; display: block; width: 100%; margin: 60px auto; } .no-resultat h2 { margin-bottom: 25px;} .no-resultat .content , .no-resultat .recap-info { max-width: 625px; width: 100%; margin: 0 auto; background: #FFF; border: 1px solid #e1e1e1; display: block;} .action-resultats .no-resultat .recap-info .inline-blocked.recap-info__box.aller.icon-date-aller, .action-resultats .no-resultat .recap-info .inline-blocked.recap-info__box.heure.aller.icon-clock { display: table-cell; vertical-align: middle; width: 180px; } .action-resultats .no-resultat .recap-info .inline-blocked.recap-info__box.heure.aller.icon-clock {width: 150px; } .no-resultat .recap-info__box { padding: 20px 22px 14px 15px; height: auto;} .no-resultat .recap-info__box.city { width: 180px; display: table-cell;} .no-resultat .recap-info + .recap-info { margin-top: 25px;} .no-resultat .recap-destinations__horaires { line-height: 17px;} .no-resultat .recap-info__box.recap-info__box--last { padding-top: 16px; display: table-cell; vertical-align: middle; } .no-resultat .recap-info__box.choice { padding-top: 15px; display: table-cell; vertical-align: middle;} .no-resultat .btn-light { text-transform: uppercase;} .no-resultat .input-bg { height: 40px;/* padding-top: 0;*/} .no-resultat .input-bg:before { font-size: 14px; margin-top: -2px; } .no-resultat .recap-destinations__horaires .label { display: block; width: 150px; white-space: normal;}/* .no-resultat .fake-select { width: 125px; height: 40px; }/* .no-resultat .fake-select select{ padding-top: 8px;}*/ .no-resultat .fake-select.time:before { /*margin-top:-5px; font-size: 18px;*/ color: grey; /*width: 28px;*/} .no-resultat .home-colophon__direct-links { text-align: center;} .no-resultat .home-colophon__direct-links li {float: none; display: inline-block;} @media (min-width: 1200px) { .container {width: 990px; } } @media (min-width: 992px) { .container {width: 990px; } } @media (max-width: 992px) { .panier-content .recap-elem {border: 1px solid #bdbebf; } .col-bag { margin-top: 10px;} .back-to-top--desktop { display: none; } .edit-trip-input .search-choice .time { width:100%; } .no-resultat .recap-info__box.choice {display: block; } } @media screen and (max-width: 992px ) { .title-404 { font-size:22px; margin: 0 0 20px; } .picture-404 { padding:40px 0 50px;} li.results-container__list__result.result.clearfix {border: 1px solid #bdbebf; } .cms-container .title { margin-bottom: 25px; } .cms-container .title, .confirmation-container .title { margin-bottom: 20px;} .panier-content { background: #f2f2f2; padding: 0; } .panier-content .recap-info__box.inlined { font-size: 12px; padding: 10px 10px; border-bottom: 0;} .panier-content .recap-info__box.inlined .destination {display: block} .panier-content .recap-destinations__horaires { padding: 12px 0 12px 0; } .panier-content .recap-destinations__persons { padding: 12px 10px; } .panier-content .results-container__list__result { margin-bottom: 12px; } .panier-content .results-container__list__result .top-line .resa-price { font-size: 14px; padding-top: 15px; } .panier-content .results-container__list__result.result .top-line { padding: 10px;} .panier-content .results-container__list__result.result .top-line.total .title { font-size: 12px; } .panier-content .results-container__list__result.result .top-line.total .resa-price.resa-price { padding-top: 12px; } .panier-content .recap-destinations { border: 1px solid #bdbebf; border-top: 0; } .panier-content .recap-destinations__horaires { line-height: 18px; } .panier-content .recap-destinations .time-end { display: block; margin-left: 23px; } .panier-content .recap-destinations__persons { border-bottom: 1px solid #cacaca} .panier-content .recap-destinations__persons .wifi { display: block; margin-left: 23px;} .panier-content .recap-destinations__persons .pipe { display: none;} .panier-content .recap-destinations__delete { padding:5px 5px 8px; border-top: 1px solid #e9e9e9; text-align: right; } .panier-content.result-panier .recap-destinations__persons { padding:10px; } .panier-content.result-panier .recap-destinations__persons .icon-user ,.panier-content.result-panier .recap-destinations__persons .icon-bagages {padding :0 10px 10px; } .panier-content.result-panier .icon-date-aller { margin-bottom: 10px} .panier-content.result-panier .recap-elem .icon-date-aller:before , .panier-content.result-panier .recap-elem .icon-date-retour:before { margin-right: 0; } .panier-content.result-panier .recap-destinations__delete {background: #FFF;} .panier-content.result-panier .recap-elem.recap-destinations .btn {width: 100px; padding-top: 8px; } .panier-content.result-panier .results-container__list__result .top-line .resa-price { top: 0 !important; bottom: 0!important;} .action-panier { padding-top: 15px;} .action-panier .btn { margin-top: 0; max-width: 100%;} .action-panier .btn.btn-achat { margin-top: 10px; } .btn-light.btn-valid {width: 100%;} .no-resultat { padding: 5px 0 20px; } .action-resultats .recap-info .inline-blocked.recap-info__box.aller.icon-date-aller, .action-resultats .recap-info .inline-blocked.recap-info__box.heure.aller.icon-clock { width: auto!important ; } .no-resultat .recap-info__box {height: auto; } .no-resultat .btn-primary { margin: 30px auto 80px; } .no-resultat h2 { font-size: 16px;} .no-resultat .recap-destinations__horaires .label {width: 100%;} .no-resultat .recap-info__box.city {width: 100%; display: block; border-right: 0; border-bottom: 1px solid #e1e1e1; } .no-resultat .recap-destinations__horaires { margin-bottom: 0; font-size: 15px; line-height: 20px; } .no-resultat .recap-info__box, .recap-info .recap-info__box { padding:20px 10px 14px 9px; } .recap-info .recap-info__box.choice { padding:20px 10px 0px 9px; border-right: 0; height: 100%; display: block; } /*.recap-info__box.aller { width: 100%; }*/ .no-resultat .recap-info__box.aller { width: auto; } .no-resultat .input-bg { width: 60%; } .action-resultats .no-resultat .recap-info .inline-blocked.recap-info__box.heure.aller.icon-clock {width: auto;} .no-resultat .recap-info__box.recap-info__box--last.valid{display: block; text-align: center; border-top: 1px solid #efefef; padding: 10px 0; height: auto; } .no-resultat .recap-info__box.choicev { border-right:0; } .recap-info__box .inline-blocked { width: auto} .recap-info__box.aller.modif { width:31%; padding-right: 0; text-align: center; padding-left: 0;} .recap-info__box.aller.modif .inline-blocked{ width:auto;} .no-resultat .fake-select { width: 100%;} .recap-info__box .inline-blocked.input-date { width: 50%; padding-left: 10px;} .recap-info__box .inline-blocked.input-date .input-bg { width: 100%; } .no-resultat .recap-info__box { height:auto; } .recap-info .recap-info__box { height:70px; } .no-resultat .recap-info__box .inline-blocked.input-date, .recap-info .recap-info__box .inline-blocked.input-date { width:100%; padding:5px 10px; display: block; } .no-resultat .input-bg.form-control.icon-date-aller, .recap-info .input-bg.form-control.icon-date-aller { padding:2px; height:auto } .no-resultat .recap-info__box.aller, .recap-info .recap-info__box.aller { padding-right:12px; } .no-resultat .form-control, .recap-info .form-control { padding: 2px 2px; } .recap-info .fake-select.time select { padding-top:0 } .recap-info .fake-select:before { padding-top:0 } .modal-header .close img { width: 17px !important ; } .search-choice.inline-blocked { width: 48%;} .no-resultat .recap-info__box.choice { border:0; width: 100%;} .extra-notif { background:transparent;} .recap-info.resultats .recap-info__box {width: 31%; padding-right: 5px;} .actions.decale .row { margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .col-bag { margin-top: -10px;} .booking-wrap .booking-content .box { padding:10px; } } @media (max-width:320px) { .recap-info__box.aller {width: auto; padding-right: 5px;} } /* Tooltip */ .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto; } .tooltip.in { filter: alpha(opacity=90); opacity: .9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } /* Voyage exchange */ .intro-text { margin:10px 0 20px; } .form-frame { margin:0 0 20px; } .form-frame .fake-select.time select { padding-top:2px; } .form-frame .fake-select.time:before { padding:0 10px 0 0; } .form-frame .form-control { height:43px; } .form-frame .input-bg { line-height:26px; margin-bottom:6px; } #exchange-search-modal .results-container { margin-left:-25px; margin-right:-25px; } .btn { text-transform:uppercase } /* Contact*/ .conctact-wrap .booking-content h1 {margin-bottom: 30px;} .conctact-wrap .box.box-phone { border :0; box-shadow: initial; border-top: 1px solid #e5e5e5; background: -moz-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,243,243,1)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(243,243,243,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#00ffffff',GradientType=0 ); } .conctact-wrap .title-credit { text-align: center; font-size: 19px;} .conctact-wrap .form-control { padding: 0; height: 40px; } .conctact-wrap .form-control {background-color: #FFF;} .conctact-wrap input.form-control , .conctact-wrap .form-control select { padding: 10px; } .conctact-wrap textarea.form-control {padding: 10px; height: 200px;} .conctact-wrap textarea.form-control:focus,input.form-control:focus {outline: initial; border: 1px solid rgb(174, 182, 0); box-shadow: initial; } .conctact-wrap a {font-family: arial, verdana, sans-serif; } @media(min-width:787px) { } .search-choice .input-bg, .search-choice .time { height:42px; padding: 0; } .search-choice.input-date .fake-select.time:before{top: 11px;} .search-choice.input-date .icon-date-aller:before{top: 16px;} @media(min-width:992px) { .edit-trip-input .search-choice .input-bg { width:155px;} .edit-trip-input .search-choice .time { width:120px; } .col-form-contact {padding-right: 40px} .no-resultat .recap-info__box .inline-blocked.modif {width: auto; display: inline-block;} } .edit-trip-input .search-choice .time { position: relative } .edit-trip-input .search-choice .time:before { top: 11px; } .edit-trip-input .search-choice .input-bg {padding: 0} /* HOME TABS */ .home-main-tab--nav { /*border-bottom:1px solid #6f7072;*/ } .home-main-tab--nav:after { content:""; display:block; background:#6f7072; height:1px; position:relative; z-index:2; } .home-main-tab--nav li { display:inline-block; width:50%; text-align:center; padding-right:1px; margin-bottom:-1px; } .home-main-tab--nav li + li { padding-right:0; padding-left:1px; } .home-main-tab--nav li a { color:#a3a3a5; font-size:20px; padding:20px 0; display:block; border-radius:10px 10px 0 0; border:1px solid #dddddd; border-bottom:0; /*border-bottom-color:#6f7072;*/ background:#fcfcfc; } .home-main-tab--nav li a:hover { text-decoration:none; } .home-main-tab--nav li a:focus { text-decoration:none; } .home-main-tab--nav li.active a { border-color:#6f7072; color:#6f7072; /*border-bottom-color:#fcfcfc;*/ position:relative; z-index:3 } .home-main-tab--nav li a * { display:inline-block; vertical-align:middle } .abonnement-list { margin-bottom:20px; } .abonnement-type { border:1px solid #dddddd; margin-bottom:10px; display:flex; } .abonnement-type .abonnement-image { width:15%; float:left; padding:20px; background-size:contain !important; } .abonnement-type .desc { width:60%; float:left; padding:20px; padding-right:15%; font-size:14px; color:#6f7072; line-height:1.4 } .abonnement-type .desc .title { font-size:16px; font-weight:bold; } .abonnement-type .action { width:25%; float:right; padding:40px 0; text-align:center; border-left:1px solid #ddd; background:#f7f7f7 } .home-search-form-block { margin-bottom:30px; } .home-search-form-block .container:nth-child(1) { position: relative; z-index: 0;} .abonnement-search-btn { font-size:12px; padding:12px 25px 8px; } .abonnement-toggle, .abonnement-reg { display:none; } .abonnement-toggle.active, .abonnement-reg.active { display:block; } .abonnement-header { color:#6f7072; } .abonnement-header .title { font-size:30px; font-weight:bold; margin-bottom:17px; } .abonnement-header .desc { max-width:60%; font-size:14px } .abonnement-abo-choice { padding:45px 0 120px; } .abonnement-abo-length { margin-bottom:30px; } /** merge git ==> .abonnement-abo-length li { display:inline-block; width:270px; margin-right:15px; border:1px solid #ddd; } .abo-header { text-align:center; padding:32px 0 25px; border-bottom:1px solid #ddd; font-size:30px; line-height:1; color:#c8d100; font-weight:bold; } **/ .abonnement-abo-length > li { display:inline-block; width:270px; margin-right:15px; border:1px solid #ddd; background-color:white; margin-bottom: 20px; } .abonnement-abo-length > li .reservation-form { margin:0; } .abo-header { text-align:center; padding:32px 0 25px; border-bottom:1px solid #ddd; font-size:30px; line-height:1; color:#c8d100; font-weight:bold; } .abo-header .price { color:#6f7072; font-size:40px; } .abonnement-abo-length .details { padding:22px 28px; background:#f7f7f7; } .abonnement-abo-length .dates { font-size:14px; color:#a3a3a5; } .abonnement-abo-length .date-detail { display:inline-block; width: 46%; vertical-align: top; float: left;} .abonnement-abo-length .date-detail .type { margin-bottom:5px; font-size: 13px; } .abonnement-abo-length .date-detail .date { font-size:16px; font-weight:bold; color:#6f7072; } .abonnement-abo-length .date-start { margin-right:16px; } .abonnement-abo-length .date-start .icon-date-aller:before {content:''; } .abonnement-abo-length .date-start .input-bg > input { padding-left: 9px;} .abonnement-abo-length .date-detail .date { margin-top: 18px;} .abonnement-abo-length .action { text-align:center; padding:30px 0 10px; } .abonnement-abo-length .action .btn { font-size:12px; padding:10px 36px 8px; } .account-abo-list.abonnement-abo-length.details .reservation-form { margin-bottom:0; } .account-abo-list .abo-header .length { font-size:16px; padding:15px; } .account-abo-list > li { margin:0; background:none; border:0; } .account-abo-list .abonnement-abo-length-type { background:white; border:1px solid #ccc; margin-bottom: 15px;} .account-abo-list .abo-header .price { font-size:13px; padding:10px; background:#f2f2f2; } .account-abo-list.abonnement-abo-length.details .info-holder { font-size:14px; line-height:1.5 } .account-abo-list.abonnement-abo-length.details .info-holder .detail .type { display:inline-block; color:#a3a3a5; } .account-abo-list.abonnement-abo-length.details .info-holder .detail .info { display:inline-block; font-weight:bold; float:right; } @media (min-width: 768px) { .account-abo-list > li { width:50%; } .account-abo-list.abonnement-abo-length .date-end { float:right; text-align:right; } .account-abo-list.abonnement-abo-length .date-detail .date {margin-top: 7px; margin-bottom: 13px; } .account-abo-list.abonnement-abo-length .action .btn { padding:10px; max-width:100%; font-size:12px; white-space:normal } .account-abo-list.abonnement-abo-length .action .btn i { font-size:18px; display:inline-block; margin-bottom:10px; line-height:1 } .account-abo-list.abonnement-abo-length.details .info-holder { } .account-abo-list.abonnement-abo-length.details .action .btn { width:100%; } .account-abo-list.abonnement-abo-length.details .action .btn i { margin-bottom:0; margin-right:8px; } } @media (max-width: 768px) { .account-abo-list.abonnement-abo-length .action .btn i { margin-bottom:0; margin-right:5px; } .account-abo-list.abonnement-abo-length .action .btn br { display:none; } .account-abo-list.abonnement-abo-length .action .btn { width:100%; margin-bottom:5px; } .account-abo-list.abonnement-abo-length.details .action { float:none; } .account-abo-list.abonnement-abo-length.details .abo-header .length { float:none; } .account-abo-list.abonnement-abo-length.details .abo-header .price { float:none; } .account-abo-list.abonnement-abo-length .date-detail .date {margin-top: 0; } } .abonnement-form { display:table; width:100%; margin-bottom:20px; } .abo-form-ligne { display:table-row; } .abo-form-type, .abo-form-champs { display:table-cell; padding-bottom:30px; } .abo-form-type { vertical-align:middle; width:220px; padding-right:20px; } .step-nr { font-size:22px; color:white; display:inline-block; text-align:center; background:#c8d100; width:35px; height:35px; line-height:35px; border-radius:100%; } .step-title { display:inline-block; font-size:16px; text-transform:uppercase; font-weight:bold; color:#6f7072; margin-left:10px; } .abo-form-champs-line input { display:inline-block; vertical-align:middle; margin:0 5px 0 0; max-width:280px } .abo-form-champs-line label { margin:0; } .abo-form-champs-line + .abo-form-champs-line { margin-top:8px; } .abo-form-champs-line .form-control { margin-left:10px; max-width:280px; display:inline-block; vertical-align:middle; line-height:1; height:40px; } .abo-form-champs-line .fake-select select { padding-left:0; } .abo-form-champs-line .abo-form-label { display:inline-block; vertical-align:middle; font-weight:normal; font-size:14px; } .abo-form-champs-line .input-bg { max-width:180px; } .abo-form-champs-fake-selects { margin:8px 0 0 11px; } .abo-form-actions { border-top:1px solid #ddd; padding-top:15px; margin-bottom:30px; } .abo-form-actions .btn { font-size:14px; padding-left:30px; padding-right:30px; } .trouver-abonnement-stamp { float:right; padding-top:14px; padding-bottom:14px; } .trouver-abonnement-stamp .texte, .trouver-abonnement-stamp .icon { display:inline-block; vertical-align:middle; } .trouver-abonnement-stamp .icon { font-size:35px; line-height:1 } .trouver-abonnement-stamp .texte { text-align:left; margin-left:10px; text-transform:none } .trouver-abonnement-stamp .texte strong { display:block; } .stock-description { text-align:justify; padding-right:90px; } @media (max-width:787px) { .stock-description { padding-right:0; } .home-main-tab--nav li a { font-size:14px; padding:10px 0; } .home-main-tab--nav li a i { margin-bottom:5px; } .abonnement-type { flex-direction:column } .abonnement-type .desc { padding-right:20px; width:100%; } .abonnement-type .action { text-align:center; width:100%; padding:25px 0; border-top:1px solid #ddd; border-left:0; } .abonnement-actions { text-align:center } /*.home-main-tab--nav li { margin-bottom:-2px }*/ .abonnement-abo-length li { width:100%; margin-bottom:10px; } .abonnement-abo-choice { padding-top:10px; } .abonnement-header .title { line-height:1; } .abonnement-header .desc { max-width:none; } /** merge git ==> .abo-header { text-align:left; padding:15px 20px 15px 15px; }**/ .abo-header { text-align:left; padding:15px 20px 15px 15px; display:block } .abo-header .length { float:left; font-size:18px; margin-top:7px; } .abo-header .price { float:right; font-size:26px; } .abonnement-abo-length .details { padding:15px; } .abonnement-abo-length .details .date-detail { display:block; font-size:12px; margin-bottom:8px } .abonnement-abo-length .details .type { margin-bottom:0; } .abonnement-abo-length .details .date { font-size:12px; } .abonnement-abo-length .dates { float:left; } .abonnement-abo-length .action { float:right; padding:15px 0 10px; } .abonnement-abo-length .action .btn { padding:10px 25px 8px; } .abonnement-abo-choice { padding-bottom:40px; } .abonnement-form { display:block } .abo-form-ligne { display:block; border-bottom:1px solid #ddd; margin-bottom:20px; } .abo-form-type, .abo-form-champs { display:block; padding-bottom:10px } .abo-form-champs-line .form-control { margin:7px 0 0 0; } .abo-form-champs { padding-bottom:20px; padding-left:12px; } .abo-form-champs-fake-selects { margin-left:0; } .abo-form-actions { border-top:0; } .panier-content.result-panier .recap-destinations__persons { padding:10px 0 0 0; } .panier-content.result-panier .recap-destinations__persons .icon-abonnement { padding:0 10px 10px; } .reservation-recap-form .input-bg.input-mb { margin-bottom: 15px;} } @media (max-width:500px) { .abonnement-abo-length .dates { float: none; } .abonnement-abo-length .action { float: none; } } .marginless.fake-select.tariff:before { margin-left:0; } .col-sm-4.col-xs-12 .marginless.fake-select.tariff { margin-top:15px; } form input.ng-touched.ng-invalid, form select.ng-touched.ng-invalid { border:1px solid red; } .account-btn-holder { display:inline-block; vertical-align:top; position:relative; } .triggered-menu { display:none; position:absolute; top:42px; background:#c8d100; left:3px; min-width:calc(100% - 3px); color:white; font-size:14px; z-index:99999; /*padding-top:5px;*/ } .triggered-menu a { display:block; padding:5px 15px; color:white; white-space:nowrap } .triggered-menu a:hover { background:#8d9400; } .triggered-menu .last a { /*margin-top:5px;*/ border-top:1px solid white; } a:focus + .triggered-menu, .triggered-menu:hover { display:block } .row.together .captcha { margin:10px 0 5px 0; } .helptext { clear:both; margin:0 0 10px 0; } .form-checkbox input[type="checkbox"] { display: none; } .form-checkbox input[type="checkbox"] + label { font-weight: 500; } .form-checkbox input[type="checkbox"] + label .icon { display: inline-block; width: 15px; height: 15px; margin: 0px 5px 0 0; vertical-align: middle; cursor: pointer; background-color: #FFF; border: 1px solid #aaa; position: relative; -webkit-transition: background-color 0.4s linear; -o-transition: background-color 0.4s linear; -moz-transition: background-color 0.4s linear; transition: background-color 0.4s linear; border-radius: 3px; background-color: #ddd; box-shadow: inset 1px 1px 4px #eee; } .form-checkbox input[type="checkbox"] + label .icon:before { transition: 0.3s; font-family: 'Glyphicons Halflings'; font-size: 11px; opacity: 0; content: "\e013"; display: block; color: #666565; position: absolute; top: 50%; transform: translateY(-50%); } .form-checkbox input[type="checkbox"]:checked + label .icon:before { opacity: 1; } .checkbox-iframe input { float: left; margin-top: 7px; margin-right: 7px; } .checkbox-iframe div { float: left;} /** Code promotions **/ .discount-code .reservation-recap-form { background: inherit; padding: inherit; } .discount-code .promotion-form__submit { height: 38px; } .discount-code .promotion-recap { margin: 10px 10px 10px; } .discount-code .promotion-actions { margin-top: 10px; }