body {
    background: #f2f2f2;
    font-family: arial,verdana,sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #333;
    text-align: center;
    padding : 0 20px;
}
p {  }
strong { font-weight:bold; }
em { font-style:italic; }
.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; }
a {
    color: #333333;
    text-decoration: underline;
}
a:hover { text-decoration: none }
h1 {
    font-size: 20px;
    margin: 0 0 20px;
    text-transform: uppercase;
}
h1,
.h1 {
    border-bottom: 1px solid #6F7072;
    color: #6F7072;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 0 0 8px;
    text-transform: uppercase;
}
/* Main Layout */
.mo-wrapper {
    width: 100%;
    min-width : 980px;
    margin: 0 auto;
    padding: 10px 0 0 0;
    background:transparent  url(/app/vfd/pix/logo-pointdevente.png) no-repeat right -20px;
    background-position: right -20px !important;
}
.mo-wrapper .mo-head { margin: 0 0 0 0 }
.mo-wrapper .mo-head .logo {
    float: left;
    width: 39%;
    padding-top: 10px;
    text-align: left;
    margin-bottom : 10px;
}
.mo-wrapper .mo-head .account {
    float: right;
    width: 60%;
    text-align: right;
    font-size: 12px;
    color: #6f7072;
}
.mo-wrapper .mo-head .account a {
    color: #6f7072;
    text-decoration: none;
}
.mo-wrapper .mo-head .account a:hover { text-decoration: underline }
.mo-wrapper .mo-head .pointvente-name { font-size: 15px; position: absolute; right: 40px; top: 107px;  }
.mo-wrapper .mo-content {
    padding: 20px;
    background: #fff;
    text-align: left;
    min-height : 440px;
}
.mo-wrapper .mo-content {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.mo-wrapper .mo-content .pdv-message {
  border: 1px dotted silver;
  margin-bottom: 10px;
  padding: 10px;
  width: 600px;
}
.mo-wrapper .mo-content .msg-content {
  margin: 0 10px 10px;
}
/* Navigation*/
.mo-nav {
    width: 100%;
    overflow: hidden;
    background: #2E4694;
    border-radius: 4px;
}
.mo-nav li {
    float: left;
    padding: 5px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 700;
}
.mo-nav li a:link,
.mo-nav li a:visited {
    color: #fff;
    text-decoration: none;
}
.mo-nav li a:hover { text-decoration: underline }
.mo-nav li:first-child { padding-left: 15px }

.mo-wrapper .footer { margin:0; padding:10px 20px; font-size:11px; color:#808080; height:32px; line-height:32px; text-align:left; }
.mo-wrapper .footer a { color:#6f7072; text-decoration:none; }
.mo-wrapper .footer a:hover { text-decoration:underline; }
.mo-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; background-size: 40px;}

/* Box Loyout  */

.box { overflow: hidden; }
.label-all-offer {    vertical-align: top; margin-top: 3px; display: inline-block; margin-left: 5px;}
 select,
textarea,
.text { -moz-box-sizing: border-box }
form .text,
form select { border: 1px solid #999999; color: #333333; padding: 3px; }
form select { padding: 2px }
#booker-form ul.trajet select { width: 425px }
.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; }

.box li,
.box .schedule .schedule-line,
.box .passagers .passager-line { width: 100%; overflow: hidden; margin: 5px 0; }

.box .schedule .schedule-line div.schedule-date,
.box .schedule .schedule-line div.schedule-time { float: left }
.box .schedule .schedule-line div.schedule-date div.elt label.elt,
.box .schedule .schedule-line div.schedule-date div.elt div.elt-control,
.box .schedule .schedule-line div.schedule-time div.elt label.elt,
.box .schedule .schedule-line div.schedule-time div.elt div.elt-control { float:left; margin-right:10px; }

.box label { float: left; width: 150px; text-align: right; margin: 0 5px 0 0; line-height: 23px; }
.box .schedule .schedule-line div.schedule-time div.elt label.elt { width: auto }
.box label.click-label { float: none }


/* Booking */
.booking-content h1 {
    border-bottom: 1px solid #2E4694;
    padding: 0 0 5px;
    color: #2E4694;
}
.booking-content .heading { margin-bottom: 10px }
.course-box {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #CCC;
    border-radius: 3px 3px 3px 3px;
    /*height: 88px;*/
    margin: 0 0 20px;
}
.course-box .infos {
    background: none repeat scroll 0 0 #F5F5F5;
    float: left;
    /*width: 778px;*/
    border-right: 1px solid #CCC;
}
.course-box .infos .trajet {
    color: #2E4694;
    border-bottom: 1px solid #CCC;
    font-weight: 700;
    padding: 10px 10px 10px 51px;
}
.course-box .infos .horaires {
    border-top: 1px solid #FFF;
    color: #676767;
    font-size: 11px;
    padding: 10px;
}
.course-box .infos .horaires .cell {
    border-left: 1px solid #FFF;
    border-right: 1px solid #CCC;
    float: left;
    padding: 0 0 0 10px;
    width: 90px;
}
.course-box .infos .horaires .first {
    border-left: medium none;
    padding: 0;
}
.course-box .promotion {
  color: #969D00;
  padding: 10px;
  border-top: 1px dashed #C8D100;
}
.course-box .pricing {
    background: none repeat scroll 0 0 #F0F0F0;
    float: left;
    height: 68px;
    padding: 10px;
    text-align: center;
    width: 138px;
}
.course-box .pricing strong {
    color: #D76D00;
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    margin: 5px auto 0 auto;
}
.button {
    border: 1px solid #97A301;
    color: #FFF;
    text-shadow: 0 -1px #9BA801;
    background: none repeat scroll 0 0 #BBC900;
    border-color: #97A400;
    color: #FFF;
    text-shadow: 0 -1px #909C00;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    font-size: 14px;
    line-height: 25px;
    padding: 1px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    font-family: Arial, sans-serif;
}
input.button {
    font-size: 14px;
    line-height: 17px;
    padding: 5px 20px;
}
.course-box .infos .horaires .navette { width: 160px }
.course-box .infos .horaires .last {
    width: 150px;
    border-right: medium none;
}
.course-box .infos .horaires strong {
    color: #D76D00;
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-top: 4px;
}
#booker-form .submit-box { text-align: right }
.dialog-support h1,
.dialog-shadow .layout-hbox h1,
.dialog-support .kwo-login h2 {
    color: #6F7072;
    margin: 0 0 25px;
    padding: 12px 10px;
}
.dialog-shadow .dialog-date h1 {
    margin: 15px 19px -12px;
    padding: 0 0 7px;
}
.dialog-date DIV.date-layout { margin: 4px !important }
.course-box .infos .step1 { background: url("/app/vfd/pix/ico-course-bus-right.png") no-repeat scroll 9px 8px transparent; color :#6F7072; }
.course-box .infos .step2 { background: url("/app/vfd/pix/ico-course-bus-left.png") no-repeat scroll 9px 8px transparent; color :#6F7072; }
.course-box .infos .step1 .tip-anchor { color :#6F7072 !important }
.course-box .infos .step2 .tip-anchor { color :#6F7072 !important }

/* Courses search */
.course-search-box .box .elt-date { display: inline-block; }
.course-search-box .box .elt-radio { display: inline-block; }
.course-search-box .box .elt-date label, .course-search-box .box .elt-date .elt-control, .course-search-box .box .actions { display: inline-block; float: none; margin-right: 10px; vertical-align: middle; width: auto; }
.course-search-box .box .elt-radio label, .course-search-box .box .elt-radio .elt-control, .course-search-box .box .actions { display: inline-block; float: none; margin-right: 10px; vertical-align: middle; width: auto; }

/* Colors */
/* BUS & CLICK */

body { background: #f2f2f2 }
.wrapper .header .account,
.wrapper .header .account a { color: #6f7072 }
h1,
.h1 { border-bottom: 1px solid #6f7072; color: #6f7072; }
.button { background: #b5bd00; border: 1px solid #8c9300; text-shadow: 0 -1px #a1a900; }
.button { background: -moz-linear-gradient(center top, #c7d000 0%, #b5bd00 100%) }
.heading { background: #595a5c; color: #fff; text-shadow: 0 -1px #3e3e40; }
.heading { background: -moz-linear-gradient(center top, #6f7072 0%, #595a5c 100%) }
.booking-wrap .booking-sidebar p a,
.booking-wrap .booking-sidebar .extra,
.account-wrapper .toolbar-panel a.selected,
.ugc h2,
.grid thead th { color: #969d00 }
.course-box .infos .trajet,
.cart .course-box .purchase-description { color: #2e4694 }
.booking-wrap input.text { width:140px;}
.booking-wrap .elt-date input { width:100px;}

.course-box .infos .step1 { background-image: url('/app/vfd/pix/ico-course-car-right-bc.png'); color:#6F7072 }
.course-box .infos .step2 { background-image: url('/app/vfd/pix/ico-course-car-left-bc.png'); color:#6F7072 }
.course-box .infos .horaires strong,
.course-box .pricing strong { color: #6F7072 }

.course-box .pricing strong.checked { background: url("/app/vfd/pix/ico-course-checked.png") no-repeat scroll center bottom transparent; padding-bottom: 38px; }
.button-disable { background: #E3E4E5; color: #B2B4B5; text-shadow: 0 1px #fff; border-color: #b2b4b5; }
.button-disable { background: -moz-linear-gradient(center top, #FFFFFF 0%, #E3E4E5 100%) }
.sub-heading { background: url('/app/vfd/pix/ico-star-aerocar.png') 0 0 no-repeat; color: #6f7072; border-bottom: 1px solid #6f7072; font-size: 13px; margin: 0 0 5px; padding: 0 0 10px 20px; text-transform: uppercase; }

.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 .line { border-top: 1px solid #FFFFFF; margin-bottom: 20px; padding-top: 10px; }
.box .section { border-bottom: 1px solid #CCCCCC; color: #2E4797; font-weight: bold; padding: 0 0 8px 30px; }
.box .section em { font-weight: normal }

/* ----- reservation ----- */

.voyage-reservation .passagers { width: auto }
.voyage-reservation .passagers .section { padding-left: 20px; background: url('/app/vfd/pix/ico-passager-color.png') 0 0 no-repeat; }
.voyage-reservation .passagers .line .elt label.elt { text-align: left; width:auto; }
.voyage-reservation .passagers .line { margin-left: 10px }
.voyage-reservation .passagers .line .cell { float: left; padding: 0 18px 0 0; }
.voyage-reservation .passagers .line .cell label { display: block; margin: 0 0 5px 0; color: #343434; }
.voyage-reservation .passagers .line .cell input { width: 170px }
.voyage-reservation .passagers .line .cell select { width: 70px }
.voyage-reservation .passagers .line .cell.carte-zou input { width:90px; }

.voyage-reservation .options { padding: 10px; margin: 0 0 10px 0; }
.voyage-reservation .options .line { padding-top: 5px; border: none; }
.voyage-reservation .options .first { border-top: 1px solid #fff }
.voyage-reservation .options .line .cell-opt { float: left }
.voyage-reservation .options .line .cell-qty { float: right }
.voyage-reservation .options .line .elt-checkbox { width: 324px; height: 24px; line-height: 24px; }
.voyage-reservation .options .line .elt-checkbox input { vertical-align: -2px }
.voyage-reservation .options .line .elt-select label { display: inline; padding: 0 5px 0 0; color: #343434; }
.voyage-reservation .options .line .elt-select .elt-control { display: inline }
.voyage-reservation .options .line .elt-select select { width: 70px }

.voyage-reservation .recap { width: auto }
.voyage-reservation .recap .line { margin: 0; padding: 8px 10px; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; }
.voyage-reservation .recap .line .label { color: #2e4694 }
.voyage-reservation .recap .line .amount { color: #6F7072 }
.voyage-reservation .recap .first-line { border-top: none }
.voyage-reservation .recap .last-line { border-bottom: none }
.voyage-reservation .recap .line .label { float: left; color: #2e4694; }
.voyage-reservation .recap .line .amount { float: right; nowhitespace: afterproperty; font-size: 16px; font-weight: bold; text-align: right; /*color: #d76d00;*/ ; }
.voyage-reservation .passagers .section { background: url("/app/vfd/pix/ico-passager-color.png") no-repeat scroll 0 0 transparent }

.action-quick-reservation .voyage-reservation .passagers .line .cell select { width: 140px }





.amounts-total { border-top: 1px solid #CCCCCC; padding-top: 10px; }

.tip-anchor { color:#2E4694; text-decoration: none; cursor: help; }


.action-order form ul { padding-bottom:10px; }
.action-order form li { margin:10px 0 0 0; }
.action-order form label { float:left; width:31%; height:24px; line-height:24px; text-align:right; }
.action-order form label.click-label { float:none; width:auto; height:auto; line-height:18px; margin-right:20px; }
.action-order form .elt-control { float:right; width:66%; }
.action-order form li.options .elt-control { float:left; width:85%; padding-top:10px; padding-left :48px; }
.action-order form li.options .elt-control input { margin:0 6px 0 0; vertical-align:-1px; }
.action-order form li .elt-control .text { width:212px; }
.action-order form li .elt-control input.text { border:1px solid #999; width:auto; }
.action-order form .method-list { overflow:hidden; padding:25px 10px 25px 43px; }
.action-order form .method-list ul li { float:left; margin-top:0;padding-right:10px; }
.action-order form .method-list ul li p { padding-top:5px; }
.action-order form .method-list ul li input,
.action-order form .method-list ul li img { float:left; vertical-align:middle}
.action-order .recap .line { margin:0; padding:8px 10px; border-top:1px solid #fff; border-bottom:1px solid #ccc; }
.action-order .recap .first-line { border-top:none; }
.action-order .recap .last-line { border-bottom:none; }
.action-order .recap .line .label { float:left; color:#2e4694; }
.action-order .recap .line small { font-style: italic; }
.action-order .recap .line .amount { float:right; font-size:16px; font-weight:bold; text-align:right; color:#d76d00; }

/* 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; }

.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-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; }

#select_pointvente .elt-select .elt-control { padding:5px 0; }

/* --- HOME --- */
.button-mo-home { display:block;padding-top:20px;padding-bottom:20px; }
.button-mo-home-inline { float:left; width:185px; }
.marge-right-10 { margin-right:10px; }
.marge-top-10 { margin-top:10px; }
.unavailable { cursor:no-drop !important; }


/* Commandes */

.grid { width:100%; margin-bottom:15px; }
.grid thead th { font-weight:bold; }
.grid thead th.abottom { vertical-align:bottom; }
.grid thead th,
.grid tbody td { padding:13px; }
.grid tbody td { color:#333333; }
.grid tbody tr.alt td {  background-color:#f5f5f5; }
.grid tbody tr.alt td.column-order-id { border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px;}
.grid tbody tr.alt td.btn-print { border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0;}

.btn-print { vertical-align: middle; text-align:center; }
.btn-print a { display:block; margin:0 auto; width:14px; height:12px; text-indent:-5000px; overflow:hidden; background:transparent url('/app/vfd/pix/picto-printer.png') no-repeat left top; }

.orders-filters .filters { float:left; }
.orders-filters .filters .left { float: left; }
.orders-filters .filters form .elt label { float:left; width:auto; padding-right:0px; text-align:left; height:24px; line-height:24px; }
.orders-filters .filters form .elt .elt-control { float:left; }
.orders-filters .filters form .elt .elt-control .elt-text-border input { width:96px; padding-right:22px; background:url('/app/vfd/pix/ico-calendar.png') 75px 3px no-repeat; cursor:pointer; }
.orders-filters .amount,
.orders-filters .get-report { float:right; height:24px; line-height:24px; }
.orders-filters .get-report { margin-top: -2px; margin-left: 20px; }
.orders-filters .amount span { font-size:16px; }
.orders-filters .amount strong { color:#969d00; font-size:16px; font-weight:bold; }
.orders-filters .amount-left { border-right:1px solid #ccc; padding-right:20px; }
.orders-filters .amount-right { border-left:1px solid #fff; padding-left:20px; }

.vfd-pagination { padding-top:10px; border-top:1px solid #f5f5f5; text-align:center; }
.vfd-pagination a.pagination-selected { text-decoration:none; color:#969d00; }

/* ----- middle.orders ----- */
.action-orders .resa-details { padding:10px 0 25px 0; }
.action-orders .resa-details li label { display: block; width:240px; text-align:right; padding-right: 20px; font-weight:bold; float:left}
.action-orders .resa-details li { width:100%; overflow:hidden }
.action-orders .resa-details li p { float:left; display:block; width:350px; }

.action-orders #search-order { overflow:hidden; margin-bottom:15px; }
.action-orders #search-order div.elt { margin-bottom:10px; }
.action-orders #search-order .elt-checkbox .elt-control { overflow:hidden; }
.action-orders #search-order label.click-label { line-height: 23px; text-align: left; width: auto; float:left; }
.action-orders #search-order .elt-statuses label.elt { width:70px; }
.action-orders #search-order select { width: 138px; }
.action-orders #search-order .actions { text-align:right; }

.middle-table-course {  }
.middle-table-course thead tr {  }
.middle-table-course tbody tr {  }
.middle-table-course thead th { padding:3px; background-color:#B5BD00; color:#fff; font-weight:bold;  }
.middle-table-course tbody td { padding:3px; background:none; }
.middle-table-course tbody td.action { text-align:right }
.middle-table-course tbody .odd td { background-color:#f2f2f2 }


.quicksearch-form .selector { overflow:hidden; }
.quicksearch-form .select-passagers { float:left; width:210px;  }
.quicksearch-form .select-passagers label { font-weight:bold; line-height: 23px;  }
.quicksearch-form .select-arret_destination_code_corresp { float:left; width:440px; margin-right:20px; }
.quicksearch-form .select-arret_destination_code_corresp label { font-weight:bold; line-height: 23px; width: 180px; }
.quicksearch-form .select-arret_destination_code_corresp select {  width:250px; }
.quicksearch-form .date-picker { float:left; }
.quicksearch-form .date-picker label { float:left; font-weight: bold; width: 60px; line-height:23px;}
.quicksearch-form .date-picker .elt-control { float:left; }

.form-middle-order-list div.elt { float:left; margin-right:20px; }

.elt-date input {background: url("/app/vfd/pix/ico-calendar.png") no-repeat scroll 80px 50% #FFFFFF; width: 100px;}
.resa-details { padding:10px 10px 25px 10px; }


/* Liam */

.voyage-reservation .passagers .section { clear:both; }
.voyage-reservation .passagers .clear + .section { margin-top:20px; }

.line .form-field { display:block; width:170px; float:left; }
.line .form-field + .form-field { margin-left:20px }
.line .form-field label { float:none; }
.line .form-field .text,
.line .form-field select { width:170px; margin-top:3px; }
.line .form-field select { background:white; border-radius:0; height:22px; }

.voyage-reservation .passagers .line.wifi { margin:0; }

.voyage-reservation .passagers .line .cell input[type="checkbox"] { width:auto }