/***** CHAMPAGNE WINE TOUR *****/

/***** COULEURS *****

 vert  : #680
 orange : #f29022
 violet : #452058
 brun   : #4e0c2b
                 
********************/

@font-face {font-family:"Emblema"; src:url("Emblema-65.ttf");}

* {margin:0;padding:0;}
a {text-decoration:none; color:#680;}
	a:hover {color:#4e0c2b;}
body {font-family:"europa", sans-serif; background-color:#680;}
div {position:relative; box-sizing:border-box;}
fieldset {padding:.5em; border-radius:.2em;}
	fieldset  legend {padding:0 .5em; text-transform:uppercase;}
h1,h2 {font-family:Emblema; text-transform:uppercase;}
h1 {margin-bottom:.6em; padding-top:.6em;  font-size:300%; color:#452058;}
h2 {padding:.5em 0; font-weight:normal; font-size:200%;}
h3 {padding:.5em 0; font-weight:normal; text-transform:uppercase;}
h4 { font-size:110%;}

img {border:0; max-width:100%;}
input {padding:.2em;}
th {font-weight:normal; text-transform:uppercase; font-size:75%; text-align:left;}

h1 small {color:#666;}

.button {box-sizing:border-box; text-transform:uppercase;}
	input.button, .button a {padding:1em 2em;}
.button a {display:block; box-sizing:border-box;}
.infoButton {background-color:#666; color:#fff;}
	.infoButton a {color:#fff;}
	.infoButton:hover {background-color:#680}
	input.infoButton {border:none;}

.actionButton, .actionButton a {width:100% !important; border:.2em #fff solid; background-color:#f29022; color:#fff;}
input.actionButton {-webkit-appearance:none; -moz-appearance:none; appearance:none;}

.help {font-size:85%;}
.direction {color:#888;}

.clear {clear:both;}
.info {color:#680;}
.warning {color:#f29022;}
.error {color:#f33;}
.feedback {margin-bottom:1em; padding:1em; border:1px #680 solid; background-color:#eee;}
.left {float:left; margin-right:10px;}
.right {float:right; margin-left:10px;}
.light {font-size:80%;}
.linkFollow {text-align:right; margin-top:1em;}
	.linkFollow::after {content:"\203A"; margin-left:.3em; font-weight:bold;}


/******* STRUCTURE **********/
.header-alert p, .header-wrapper, .main-wrapper, .footer-wrapper, .footer-main {max-width:1200px; margin:auto;}
.header-main, .footer-main {display:flex;}
.header-main {justify-content:center;}


/***** MISE EN FORME ********/

/*** CDT header ***/


.CDT-header {display:flex; justify-content:space-between; background-color:#212121; color:#eccc14;}
	.CDT-header-logo {background-color:#333;}
		.CDT-header-logo a {display:block; padding:.4em;}
		.CDT-header-logo:hover {background-color:#000;}
	.CDT-header-main {padding:.2em .4em;}
		.CDT-header-login {padding:.5em; text-align:right; font-size:85%;}
			.CDT-header-login a {color:#eccc14;}
			.CDT-header-login em {padding-right:1em;}
			.loginAgent {margin-top:.2em; padding:.2em .5em;}
		.header-select-lang {margin-top:.2em; text-align:right;}

/*** header ***/
.header {margin-top:.5rem; background-color:#fff;}

.header-alert {z-index:1; padding:.5em 0; background-color:#f29022; color:#fff; box-shadow:0 .2em .4em #999;}

		
.header-logo {padding:.5em 0; text-align:center;}
	.header-logo img {}

.header-nav {}
	.header-nav > input, .header-nav > label {display:none;}
	.header-nav ul {display:flex; justify-content:center; padding:0; }
		.header-nav li {list-style:none; margin:0 .2em; background-color:#fff; text-transform:uppercase; text-align:center;}
		.header-nav a {display:block; padding:.4em 1em; color:#000;}
		.header-nav .LinkStandard:hover, .header-nav .LinkStandard:active {background-color:#452058;}
		.header-nav .LinkStandard:hover a, .header-nav .LinkStandard:active a, .header-nav .LinkSelected a {color:#fff;}
		.header-nav .LinkSelected {background-color:#680;}

	

		
/******* corps de page **************/
.main {background-color:#fff;}
	.breadcrumb {padding:.3em 0; text-transform:uppercase; font-size:85%; color:#680;}
		.breadcrumb a:hover {text-decoration:underline;}
	.content {padding-bottom:2em;}
		.content ul {margin-left:2em; margin-bottom:.5em;}
		.content p {margin-bottom:.5em;}
	
/****** contenu *********************/
.searchForm {background-color:#680; color:#fff;}
	.sf-item {display:flex; align-items:center; padding-bottom:1em;}
		.sf-item label {width:25%;}
		.sf-item select {width:75%; padding:.6em; border:none; box-sizing:border-box;}
		.sf-date {display:flex; align-items:center; width:75%; justify-content:space-between; padding:.15em .6em; background-color:#fff; box-sizing:border-box;}
		.sf-item  .inputDate {border:none; flex:1;}
		.sf-item  .datePickerIcon {}
		.sf-period {display:none;}
		.searchForm .sf-submit {padding:0;}
			
.theDatePicker 	{border:1px #888 solid; background-color:#eee; color:#000; box-shadow:0 0 1em #000;}
	.theDatePicker table {background-color:#ddd;}
	.theDatePicker th, .theDatePicker td {padding:2px 5px;}
		.DatePickerHdr /* style for the header row */ {border:1px #fff solid; background-color:#aaa;}
		td.DatePickerHdr  {padding:0;}
			.DatePickerHdr  td {padding:2px;}
		th.DatePicker {border:1px #fff solid; background-color:#888; color:#fff;}
			.DatePickerHdr table, .DatePickerHdr select {width:100%;}
		.DatePickerHdr table, .DatePickerHdr td  {border:0;}
		.DatePickerHdrBtn /* style for buttons in the header row */ {cursor: pointer; border:1px #fff solid;}
	.DatePickerBtn /* style for the calendar area */ {cursor:pointer; border:1px #fff solid; background-color:#eee; text-align:center; }
	.DatePickerBtnSelect /* highlighted date */ {border:1px #fff solid; background-color: #680; cursor: pointer; color:#fff; text-align:center;}
		.DatePickerHdrBtn:hover, .DatePickerBtn:hover, .DatePickerBtnSelect:hover {background-color:#f29022; color:#fff;}

/*---- home ---------*/

.home-intro {max-width:700px; margin:0 auto; padding:1em; font-style:italic; text-align:justify;}	
	/* .home-intro p:first-of-type:first-letter {float:left; font-size:6em; padding-right:.1em; line-height:.8em;} */
.home-booking {}
	.home-booking-product {padding-top:1em; color:#fff;}
	.home-booking-product h2 {padding-top:0; text-align:center;}
	.home-booking-RCT {background-color:#452058;}
	.home-booking-CWT { background-color:#680;}
	.home-searchForm {display:flex; flex-direction:column; align-items:center; padding:.5em; background-size:cover; color:#fff;}
	.searchForm-RCT {background:#452058 url('/rct/images/reims-city-tour-banner.jpg') no-repeat 50% 50%;}
	.searchForm-CWT {background:#680 url('/rct/images/champagne-wine-tour-banner.jpg') no-repeat 50% 50%;}
		.home-searchForm-content {width:100%; max-width:360px; padding:.5em; background-color:rgba(51, 0, 68, 0.5);}
		.searchForm-CWT .home-searchForm-content {background-color:rgba(102, 136, 0, 0.5);}
			.home-sf-departureDate {display:block;}
			.home-sf-date {width:100%;}
			.home-sf-passengers label {width:60%;}
			.home-sf-passengers select {width:40%;}
		p.searchForm-note {margin:.5em 0 0 0; font-size:80%;}

.carrousel {width:100%; overflow:hidden;} 
	.scrollable {width:100%; overflow:hidden;} 
		.scrollable .items {/* width: 100% x nb items */}
			.carrouselItem {float:left; /* width: 100% / nb items */ text-align:center; margin-bottom:-5px;}
			.cloned {display:none;}
				.carrouselItem a {}
				.carrouselImage {width:100%;}
				.navi {display:none/*inline-block;position:absolute;bottom:10px;right:10px*/;}
					.navi a {display:block; float:left; margin:2px; padding:2px 5px; cursor:pointer; border:1px solid #000; background-color:rgba(255,255,255,0.6); color:#000;}
					.navi a:hover {color:#fff; }
					.navi a.active {background-color:rgba(136,204,0,0.6); color:#fff;}
					.navi a:nth-child(1):after{content:'1';}
					.navi a:nth-child(2):after{content:'2';}
					.navi a:nth-child(3):after{content:'3';}
					.navi a:nth-child(4):after{content:'4';}
					.navi a:nth-child(5):after{content:'5';}
					.navi a:nth-child(6):after{content:'6';}
					.navi a:nth-child(7):after{content:'7';}			

.home-timetable {display:flex; color:#fff;} 
	.home-timetable a {color:#fff;}
	.home-departures, .home-calendar {padding:1.5em 2em; } 
	.home-departures {flex:1; background:#000 url('/images/rp/clock-b-64.png') no-repeat 96% 1em; background-size:8%;}
		.nextDepartures  {width:100%; border-collapse:collapse;}
			.nextDepartures th {font-size:75%; font-weight:normal; text-align:left;}
			.nextDepartures tr:hover {background-color:#680;}
			.nextDepartures .title:hover {background-color:transparent;}
			.nextDepartures th, .nextDepartures td {padding:.2em; text-transform:uppercase;}
			.nextDepartures  .price {text-align:right;}
			td.nd-footnote {padding-top:1em; font-size:85%; text-transform:none;}
			
		.home-calendar {background:#680 url('/images/rp/cal-b-64.png') no-repeat 96% 1em; background-size:8%;}
			.home-calendar p {font-size:120%; margin-bottom:.5em;}

/*---- Page standard ---------*/
.static h1, .static h2, .static h3, .static h4 {padding-top:.8em;}
.static h1+h2, .static h2+h3, .static h3+h4 {padding-top:0;}
.static p {text-align:justify; margin-bottom:.5em;}
.static ol, .static ul {margin-left:1.3em; margin-bottom:.5em;}
.static blockquote {margin-bottom:.5em; padding:.5em; border:1px #eee solid; color:#666; background-color:#f8f8f8; font-style:italic;}
.indent {margin-left:2em;}
.highlight {font-size:150%; font-weight:bold; font-style:italic;}
.chapo {max-width:700px; margin-bottom:1em; font-size:140%; font-style:italic;}
.banner {margin-bottom:1em;}
.mosaic {display:flex; justify-content:space-between; margin-bottom:1em;}
	.mosaic img {width:33%;}
.static-img {float:right; margin-left:1em; max-width:600px;}

/*-- Contact --*/
.contactWrapper {display:flex; justify-content:space-between;}
.contactForm {margin-right:2em; padding:1em; border:1px #ddd solid; background-color:#f4f4f4;}
.thanksOK, .thanksNotOK  {padding:.5em; border-radius:.2em; background-color:#fff;}
.thanksOK {border:1px #452058 solid; color:#452058;}
.thanksNotOK {border:1px #f29022 solid; color:#f29022;}
	.thanks p {margin-bottom:0;  font-style:italic;}
.contactForm  form {margin-top:2em;}
.mandatory {color:#f29022;}
.mandatoryInfo {font-style:italic;}


/*-- CWT Vignerons --*/
.CWT-products-list {display:flex; justify-content:space-around; flex-wrap:wrap; margin:1em 0!important;}
	.CWT-product {flex:1; min-width:330px; max-width:420px; list-style-type:none; margin:.5em; background-color:#f2f2f2; border:1px #ddd solid;}
	.CWT-product:hover {background-color:#680; border:1px #dcbb24 solid;}
		.CWT-product-container {display:block; position:relative; padding:.5rem; text-decoration:none; color:#000;}
		.CWT-product-container select {margin:0 .5em .5em 0;}
			.CWT-product-title {z-index:100; position:absolute; left:50%; transform:translateX(-50%); width:fit-content; margin:-1em 0 .2em 0; padding:.1em .2em; background-color:#680; color:#fff;}
			.CWT-product:hover .CWT-product-title {background-color:#212121; color:#fff;}
			.CWT-product:hover a {color:#fff;}
			.CWT-product-image {width:100%;}
			.CWT-product-desc {margin:.2em 0 0 0!important; font-style:italic;}
			.CWT-product-title-other {width:fit-content; background-color:#680; margin:0 0 .5em -.5rem; padding:.2em .5em; color:#000;}


.CWT-quote {margin:1em 0; padding:0 10%; color:#666; font-style:italic;}
.CWT-quote:before {color:#680; content:"\1f676"; font-size:4em; line-height:.1em; margin-right:.3em; vertical-align:-.4em;}
.CWT-quote:after {color:#680; content:"\1f678"; font-size:4em; line-height:.1em; margin-left:.1em; vertical-align:-.2em;}

/*---- Page admin ---------*/
.admin h1 {padding-top:.8em;}

/*-- COVID-19 --*/

.CWT-covid {display:flex; justify-content:space-between; align-items:flex-start;}
	.CWT-covid-pictos {max-width:600px; margin-left:2em; text-align:center;}
	.CWT-covid-pictos img {margin-bottom:2em;}

.CWT-covid-link {margin:0 0 1em 0; text-align:center;}
	.CWT-covid-link a {color:#f29022;}
	.CWT-covid-link a:hover {color:#452058;}

		
/*---- Booking Engine ---------*/

.be-tunnel {box-sizing:content-box; height:3em; border-top:.5em #452058 solid;}
	.be-tunnel ul {display:flex; justify-content:center; background:#452058 url('/images/ps/bottom-tunnel.png') repeat-x bottom;}
	.be-tunnel li {list-style-type:none; padding-bottom:14px; background:#fff url('/images/ps/bottom-tunnel.png') no-repeat bottom; text-transform:uppercase;}
	.be-tunnel li a {display:block; padding:10px; border-right:1px #aaa solid; border-left:1px #eee solid; background:#ccc; color:#333; }
	.be-tunnel li.LinkSelected {background:#666 url('/images/ps/fleche-tunnel.png') no-repeat bottom; color:#fff;}
	.be-tunnel li.LinkSelected  a {border-right:1px #444 solid; border-left:1px #444 solid; background:#666; color:#fff;}

	/*#tunnel li:hover {background-color:#f29022; color:#fff;}
	#tunnel li.LinkSelected:hover {background-color:#666;}*/

.travelTitle {padding-bottom:0; color:#680;}
.travelTypePrice {font-style:italic; margin:-.5em 0 1em 0;}

.largeSearchForm {width:60%; padding:1em;}

.errorBox {max-width:800px; margin:2em 0; padding:1em; border:2px #f33 solid; background:#fff9f9;}
	.errorBox h3 {margin-bottom:10px; color:#f33;}
	.errorBox li {margin-left:2em;}
	.errorBack {margin-top:1em; text-transform:uppercase;}
	.errorBack  a:hover {text-decoration:underline;}

	
.resultMessage {margin-bottom:.5em;}
	
.be-actions {display:flex; margin-top:2em; justify-content:space-between; align-items:flex-end;}	
	.be-submit {min-width:30%; background-color:#680; padding:1em; color:#fff;}
		.be-submit .help {margin-top:1em;}	

.formTable {background-color:#f8f8f8; border-top:2px solid #000; padding:.5em; box-sizing:border-box}

.be-roundedBox {padding:.3em; border:1px #ddd solid; border-radius:.2em; background-color:#eee;}

h3.be-h3 {margin:2em 0 1em 0; border-bottom:.2em #000 solid;}

		
/*---- BE FindFares -----*/
.be-findFares {}
	.be-findFares-travelTitle {margin-bottom:.5em; padding-bottom:.2em; border-bottom:.15em #000 solid;}
	.be-findFares-travelTypePrice {margin-bottom:1em; text-transform:uppercase;}
	.be-actions+.be-findFares-direction {margin-top:2em}
	.be-findFares-list {display:flex; flex-wrap:	wrap;}
		.be-findFares-list  p {margin:0;}
		/*.be-findFares-day {flex:1; min-width:250px; max-width:400px; margin:.5em 1%; padding:.3em 1%; border:1px #ddd solid; border-radius:.2em; background-color:#eee;} */
		.be-findFares-day {flex:1; min-width:14em; max-width:31%; margin:.5em 1%; padding:.3em 1%; border:1px #ddd solid; background-color:#eee;}
			.be-findFares-date {width:100%; text-align:center; font-size:85%; font-weight:bold;}
			.be-findFares-highlight .be-findFares-date {color:#680;}
			.be-findFares-item {margin:0 0 1em 0; padding:.2em; border:1px #ccc solid; border-top:3px #666 solid; border-radius:.4em; background-color:#fff; box-shadow: 0.2em 0.3em 0.5em #aaa;}
			.be-findFares-highlight .be-findFares-item {border-top:2px #680 solid;}
				.be-findFares-itemID {display:flex; align-items:baseline; margin-bottom:.5em; padding-bottom:.1em; border-bottom:1px #ccc solid; font-size:75%;}
					.viewMapLink {display:none; flex:1; text-align:right;}

				.be-findFares-item-name {padding-bottom:.1em; border-bottom:1px #ccc solid; font-family:Emblema, sans-serif; font-size:140%; text-transform:uppercase; font-weight:bold; color:#452058; text-align:center; line-height:1em}

				.be-findFares-itemDesc {margin-bottom:.5em; padding-bottom:.1em; border-bottom:1px #ccc solid; background-color:#f9f3ff; font-size:75%; color:#452058; font-style:italic; text-align:center;}
					.be-findFares-itemDesc-type0 {font-weight:bold; font-style:normal; text-transform:uppercase;}
				.be-findFares-itemContent {display:flex; align-items:flex-end; background-color:#f4f4f4; padding:.2em;}
					.be-findFares-itemSchedule {flex-grow:1;}
				.be-findFares-itemTime label {display:inline-block; width:30%; font-size:75%; text-transform:uppercase; color:#666;}
				p.be-findFares-item-returnTime {border-top:1px #ccc dashed; margin-top:.2em; padding-top:.2em;}
				.be-findFares-item-duration span {font-size:75%;}
				.sr-itemPrice, .be-findFares-itemPrice {display:flex; flex-direction:column;}
				.be-findFares-itemPrice li {display:flex; justify-content:space-between; align-items:center; list-style-type:none;}
					.be-findFares-itemPrice label {padding-right:1em; font-size:75%; }
					.be-findFares-itemPrice strong {text-align:right; font-size:150%;}
					.be-findFares-itemPrice small {text-align:right; font-size:100%;}
				.be-findFares-itemPrice sup {font-size:60%;}

				.be-findFares-item-details {background-color:#ddd8e4; color:#452058; font-size:85%;}
					.be-findFares-item-details-desc { padding:.5em;}
					.be-findFares-item-details img {margin:.5em 0;}
					.be-findFares-item-details .linkFollow {padding:0 .5em .5em 0; font-style:italic;}
					.be-findFares-item-details a {color:#452058;}
					.be-findFares-item-details a:hover {text-decoration:underline;}
					.be-findFares-item-details-desc-title {padding-top:0; text-transform:inherit; font-style:italic; font-weight:bold;}
					.be-findFares-item-details-desc-winegrower {padding-top:.2em; border-top:1px #452058 solid; font-size:100%;}
					
				.be-findFares-item-select {display:block; position:relative;  height:2.3em; color:#fff;}
				.be-findFares-item-selectText, .be-findFares-item-select input:checked + .be-findFares-item-selectText:after {display:block; position:absolute; top:0; left:0; width:100%; 
					padding:.5em; box-sizing:border-box; background-color:#452058; border-radius:0 0 .4em .4em; text-align:center; text-transform:uppercase;}
				.be-findFares-item-selectText:hover {background-color:#680;}
				.be-findFares-item-select input {display:none;}
					.be-findFares-item-select input:checked + .be-findFares-item-selectText {visibility:hidden;}
					.be-findFares-item-select input:checked + .be-findFares-item-selectText:after {content:'sélectionné'; visibility:visible; background-color:#680;}

					
.be-findFares-nav {display:flex; justify-content:space-between; margin-top:2em;}
	.navButton {min-width:20%; max-width:300px; background-color:#680; text-align:center; font-weight:bold; text-transform:uppercase;}
		.be-findFares-navPrevious {margin-right:2em;}
		.be-findFares-navNext {}
			.be-findFares-nav  a {display:block; padding:1em;}
				.be-findFares-nav div:hover {background-color:#f29022; color:#fff;}
				.be-findFares-nav  a  {color:#fff;}

		.be-findFares-priceCalendar, .be-findFares-submit {max-width:400px;}
		.be-findFares-priceCalendar {margin-right:1em;}
			a.viewCalendarLink {padding:1em 1em 1em 3.5em; background:url('/images/rp/cal-b-64.png') no-repeat .5em center; background-size:auto 70%;}
		.be-findFares-submit {margin-left:1em;}

	.modifySearchForm {width:100%; margin-top:2em; padding:1em 23%; box-sizing:border-box; background-color:#666;}
		.modifySearchForm  .actionButton {background-color:#680;}
		.modifySearchForm  .sf-item select, .modifySearchForm .sf-date {width:;}

/*---- BE Price Calendar -----*/
.pc-info {max-width:400px; margin-bottom:1em;}
.pc-modifyTravelType {max-width:400px; margin-bottom:2em; background-color:#ccc; padding:.5em;}
	.pc-modifyTravelType label {display:inline;}
	.pc-travelTypePrice {margin:0 0 .5em 0; font-style:normal; font-weight:bold; text-transform:uppercase;}
	.pc-modifyTravelType .button {margin-top:1em;}

.be-priceCalendar {width:100%; border-collapse:collapse;}
	.be-priceCalendar th, .be-priceCalendar td {width:14.2857%; box-sizing:border-box; padding:.3em; border:3px #fff solid; text-align:center;}
	.be-priceCalendar th {background-color:#680; font-weight:normal; text-transform:uppercase; color:#fff; font-size:85%;}
	.be-priceCalendar td {vertical-align:top; }
	.be-priceCalendar table {padding:0;}
		.best {background-color:#dfc;}
			.best .pc-price:hover  {background-color:#bf9;}
		.normal {background-color:#def;}
			.normal .pc-price:hover {background-color:#bdf;}
		.peak {background-color:#fde;}
			.peak .pc-price:hover {background-color:#fac;}
		.empty {background-color:#eee;}
		.outrange {background-color:#ccc;}
		.pc-date {margin-bottom:3px; padding-bottom:3px; border-bottom:1px #fff dotted;}
		.pc-priceFrom {color:#333; font-size:75%; font-style:italic;}
		.pc-price {font-weight:bold; font-size:2.5em;}
			.pc-price a {display:block;}
			.best .pc-date, .best .pc-price a {color:#690;}
			.normal .pc-date, .normal .pc-price a {color:#680;}
			.peak .pc-date, .peak .pc-price a {color:#960;}
			.empty .pc-date {color:#999;}
			.pc-price a:hover {color:#fff;}
			.pc-priceEuros {}
			.pc-priceCents {font-size:0.5em;}
			.pc-priceFull {font-weight:bold; color:#f29022;}
.pc-nav {display:flex; justify-content:space-between; margin-top:2em;}
	.pc-navPrevious {}
	.pc-navNext {}
		.pc-nav  a {display:block; padding:1em;}
			.pc-nav div:hover {background-color:#f29022; color:#fff;}
			.pc-nav  a  {color:#fff;}

/*---- BE detail voyage ---------*/
#travelMap{margin-top:10px;width:700px;height:400px;}
table#travelDetails th {text-align:left;}

/*---- BE start booking -----*/
.be-startBooking {display:flex; flex-direction:row-reverse; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;}

.be-startBooking-summary {width:25%;}
	.be-startBooking-item {margin:.5em; padding:.5em; border-top:2px #666 solid; background-color:#fff;}
		.be-startBooking-tripTitle {width:100%; padding-bottom:0;}
		.be-startBooking-date {width:100%; text-transform:uppercase; font-size:85%; font-weight:normal;}
		.be-startBooking-itemID {display:flex; align-items:baseline; width:100%; margin-bottom:.5em; padding-bottom:.1em; border-bottom:1px #ccc solid; font-size:75%;}
		.be-startBooking-itemTime {width:33%;}
			.be-startBooking-itemTime label {display:inline-block; min-width:23%; font-size:75%; text-transform:uppercase; color:#666;}
		.be-startBooking-item-duration span {font-size:75%;}
		p.be-startBooking-item-price {display:flex; justify-content:flex-end; align-items:baseline; width:100%; margin-bottom:0;}
			.be-startBooking-item-price small {text-align:right; padding-right:1em;}
			.be-startBooking-item-price strong {text-align:right; font-size:150%;}
			.be-startBooking-item-price sup{font-size:60%;}
			.be-startBooking-item-desc {border-top:1px #ccc solid; color:#452058;}
				.be-startBooking-item-desc h3 {margin:0; padding:0;}
				.be-startBooking-item-desc p {margin:0; font-style:italic;}

.be-startBooking-editPassengers {width:72%;}
.be-startBooking-editPassenger {margin-bottom:1em;}
	.be-startBooking-ep-form {display:flex; width:100%; max-width:800px;}
		.be-startBooking-ep-formItem  {display:flex; flex-direction:column; align-items:flex-start; margin-right:.5em;}
		.be-startBooking-ep-formItem:last-child  {margin-right:0;}
		.be-startBooking-ep-formItem  label {text-transform:uppercase; font-size:75%;}
		.be-startBooking-ep-formItem select, .be-startBooking-ep-formItem input  {padding:.5em; box-sizing:border-box;}
		.be-startBooking-ep-birth  {display:none;}
	.be-startBooking-ep-reimscitypass {display:block; margin-top:.5em;}
		.be-startBooking-ep-reimscitypass input {margin-top:.3em;}
		.be-startBooking-ep-reimscitypass-warning {display:none; margin:.5em 0 0 0; padding:.3em; background-color:#680; color:#fff;}
		.be-startBooking-ep-reimscitypass-checkbox:checked+.be-startBooking-ep-reimscitypass-warning {display:block;}


/*---- BE viewCart ---------*/
.viewCart {display:flex; justify-content:space-between;}
.vc-main {width:55%; }
.vc-addProducts {width:30%;}

.viewCart {display:flex; }
	.vc-validateTitle {width:100%;}
	.vc-validate .warning {width:100%; margin-bottom:1em;}
	.vc-addTicket {background-color:#666; padding:.5em;}
		.vc-addTicketTitle {color:#fff;}
			.vc-addTicket  .searchForm {background-color:transparent;}
	.vc-addProducts .actionButton {background-color:#680;}
	.vc-submit {box-sizing:border-box;}
		.vc-acceptCGV {line-height:1.1em;}
		.vc-acceptCGV label {padding-left:.5em;}
		.vc-acceptCGV a {color:#fff; text-decoration:underline;}
		.vc-submit .actionButton {margin:1em 0;}

.vc-addHotel {margin-top:2em; padding:.5em; background:#000 url(/images/rp/hotel-b-64.png) no-repeat .5em .5em; background-size:1.5em;}
	.vc-addHotelTitle {margin-left:2em; color:#fff;}
		.vc-addHotel  .searchForm {background-color:transparent;}
		
/* panier ik */
.ikCart  {width:100%; max-width:700px; margin-bottom:3em; border-collapse:collapse; border:1px #bbb solid;}
	.ikCart th, .ikCart td {padding:.5em;}
	.rowHEAD  th {background-color:#aaa; color:#fff; white-space:nowrap;}
	.rowART {background-color:#f8f8f8; border-bottom:1px #bbb solid;}
	.rowART:nth-child(odd) {background-color:#eee;}
	.colArticle, .articleCancelledTicket {}
		.articleHeader {display:flex; flex-flow:wrap; justify-content:space-between; align-items:flex-end; border-bottom:2px #666 solid;}
			.articleDirection {background-color:#666; padding:.2em 1em; border-radius:.2em .2em 0 0; border-top:none; text-transform:uppercase; font-size:90%; color:#fff;}
			.articleDate {text-align:right; align-self:flex-end; color:#666;}
		.articleContent{display:flex; flex-flow:wrap; justify-content:space-between; align-items:flex-end; padding:.5em; border:1px #ddd solid; background-color:#fff;}
			.articleTitle {text-transform:uppercase; font-weight:bold;}
			.articleOD {width:100%;}
			.articleName {font-style:italic;}
			.articleRef, .articleStatus {text-align:right; color:#888; font-size:80%; text-transform:uppercase;}
			.ticketStatusCancelled {color:#f29022;}

	.articleQuantity {text-align:right;}
	.articleTypeService {margin:.5em 0;}
	.colTotalPrice {text-align:right; vertical-align:middle; font-weight:bold; border-right:1px #fff solid; border-left:1px #fff solid;}
		.colTotalPrice sup {font-size:75%;}
	.colTVA, .rowTVA .colTotalPrice {font-style:italic;}
	.colCommands {text-transform:uppercase; font-size:80%; text-align:center; font-weight:bold;}
		.colCommands a:hover {text-decoration:underline;}
		.PROD:hover {background-color:#ccc;}
		.PROD:hover td.colCommands {background-color:#f29022;}
		.PROD:hover td.colCommands a, .rowART:hover .direction  {color:#fff;}
	.TOTAL th, .TOTAL td  {background-color:#666; color:#fff; font-weight:bold;}
	.TOTAL td, .TOPAY td  {display:table-cell;}
	.TOTAL .colArticle, .TOPAY .colArticle  {text-transform:uppercase;}
		.TOTAL .colTotalPrice {font-size:120%;}
	.TOPAY th , .TOPAY td {background-color:#fff; color:#680; font-weight:bold;}

.EXCH2 {border:2px #f29022 solid; border-bottom:none;}
.EXCH1 {border:2px #f29022 solid; border-top:none;}
.articleCancelledTicket, .EXCH2  .articleContent {color:#f29022;}
	.EXCH2  .articleHeader {border-bottom:2px #f29022 solid;}
	.EXCH2  .articleDirection {background-color:#f29022;}

	.cancelledTicketLabel {width:100%; text-transform:uppercase; font-size:90%; color:#f29022; font-weight:bold;}
	.EXCH2  .colTotalPrice {color:#f29022;}

	
/*---- BE Go Pay ---------*/

.gp-actions {display:flex; flex-wrap:wrap; justify-content:space-between;}
	.gp-discounts {order:2; width:45%; margin-bottom:1em; padding:1em; border:1px #ccc solid; background-color:#f4f4f4;}
		.gp-discounts p {margin:.5em 0;}
		.gp-discounts input[type="text"] {padding:.5em;}
		.gp-discounts input[type="submit"] {margin-left:1em; padding:.5em 2em;}
	.gp-submit {order:3; width:45%; text-align:center;}
		.gp-paymentIcons {margin-bottom:.5em;}
	.discountsList {background-color:#fff; width:100%;}
		.discountsList  th, .discountsList  td {border-bottom:1px #eee solid; padding:.5em;}
		.discountsList tfoot {text-align:right;}
		
/*---- BE Thank You ---------*/

.be-thankYou {max-width:800px;}
	.ty-orderId {color:#666;}
	.ty-printTicket {max-width:400px; margin:2em 0; padding:1em; border:1px #ccc solid; background-color:#f29022; color:#fff; text-align:center;}
		.ty-printTicket input[type="submit"] {margin-bottom:1em; padding:.5em 2em;}

		
/*---- BE Seat Map ---------*/
#BESeatMap {}
	#BESeatMap p.info {}
	#SMSelectSeat {float:right;margin-top:20px;}
		#SMSelectNav {float:left;width:100%;margin-bottom:20px;padding-bottom:5px;border-bottom:1px #ccc solid;}
			#SMSelectNav h2 {margin:0 0 10px 0;}
			#SMSelectNav label {margin-right:5px;}
		table#SMImage {width:auto;border:1px #bbb solid;}
			table#SMImage td {}
			td.SMVehicleFront {height:10px;background:#ccc;}
			td.SMVehicleLeft {width:10px;height:10px;background:#ccc;}
			td.SMVehicleRight {width:10px;height:10px;background:#ccc;}
			td.SMVehicleRear {height:10px;background:#ccc;}
			td.SMItem {width:50px;height:50px;}
				table#SMImage td p {position:absolute;top:10px;left:10px;margin:0;padding:1px;background-color:#fff;font-weight:bold;font-size:9px;}
					table#SMImage td.SMItem div.AVL p {color:#680;}
					table#SMImage td.SMItem div.DIS p {color:#666;}
					table#SMImage td.SMItem div.SEL p {color:#f29022;}
		#SMLegend {float:left;width:100%;margin-top:20px;border-top: 1px #ccc solid;}
			#SMLegend .SMLegendItem {float:left;margin:10px;}		
				#SMLegend .SMLegendItem div {float:left;width:12px;height:12px;margin-right:5px;}		
					#SMLegend .SMLegendItem div.AVL {background-color:#680;}		
					#SMLegend .SMLegendItem div.SEL {background-color:#f29022;}		
					#SMLegend .SMLegendItem div.DIS {background-color:#888;}		
				#SMLegend .SMLegendItem  p {float:left;}		
	#SMBookingDetails {float:left;width:250px;margin:20px 20px 0 0;padding:10px;border:1px #ddd solid;background-color:#f4f4f4;font-size:10px;}
		#SMBookingDetails h2 {margin:0;}
		#SMBookingDetails h3 {margin:20px 0 10px 0;padding:5px 5px 5px 0;border-top:3px #888 solid;border-right:3px #888 solid;}
		#SMBookingDetails h4 {padding-bottom:3px;border-bottom:1px #ccc solid;color:#666;}
		#SMBookingDetails th,#SMBookingDetails td {padding:3px 0;}
		#SMBookingDetails th {border-bottom:1px #ccc solid;text-align:left;color:#666;}
		#SMBookingDetails td {border-bottom:1px #ccc dashed;}
		#SMBookingDetails .SMValidate {width:100%;margin-top:20px;text-align:right;}
			#SMBookingDetails .SMValidate p {float:left;margin-top:15px;}
				#SMBookingDetails .SMValidate p a {}
			#SMBookingDetails .SMValidate input {float:right;width:100px;}

/*---- BE Print Ticket ---------*/
#PTBookingDetails {padding:10px;border:1px #ddd solid;background-color:#f4f4f4;font-size:10px;}
	#PTBookingDetails h2 {margin:0;border-top:3px #680 solid;border-right:3px #680 solid;}
	#PTBookingDetails h3 {margin:10px 0 5px 0;padding:5px;background-color:#666;color:#fff;}
	#PTBookingDetails h4 {padding-bottom:3px;border-bottom:1px #ccc solid;color:#666;}
	#PTBookingDetails th,#PTBookingDetails td {padding:3px 0;}
	#PTBookingDetails th {border-bottom:1px #ccc solid;text-align:left;color:#666;}
	#PTBookingDetails td {border-bottom:1px #ccc dashed;}
	#PTBookingDetails tr.rowTOPAY td {background-color:#eee;text-align:right;font-weight:bold;}
	#PTBookingDetails .PTPrint {margin:10px 0 20px 0;text-align:right;}
	
/*---- Network ---------*/
.fs-card {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;}
	.stopImage {width:70%;}
	.stopInfos {width:25%; padding:.5em; border:1px #e8e8e8 solid; border-radius:.2em; background-color:#f4f4f4; box-sizing:border-box;}
		.stopAddress {font-weight:bold; color:#680;}
		.stopAddressDesc {font-style:italic;}
	.stopMap {width:100%;}
		#map {width:100%; height:450px;}
	
.fs-select {width:100%;}
	.fs-form {max-width:500px; padding:1em; background-color:#680;}
	.fs-form select {margin-right:1em; padding:.5em;}
	.fs-form input {padding:.5em 2em;}

.timetableDisplay {margin-top:2em;}
	.timetable {}
		.timetable td {padding:5px;border:1px #e8e8e8 solid;background-color:#f4f4f4;}
		.timetable th {padding:5px;border:1px #fff solid;background-color:#680;color:#fff;}
		.timetable td.timetableStation {width:70%;}
				.timetable td.timetableStation a {display:block;}
				.timetable td.timetableStation:hover {background-color:#fff;}
				.timetable td.timetableStation:hover a {text-decoration:underline;}
		.timetable td.timetableArrival {text-align:left;}
		.timetable td.timetableDeparture {text-align:right;}
		.timetable td.timetablePassing {text-align:center;}
		.timetable td.timetableSeparator {height:5px;background-color:#e8e8e8;}
		.timetable td .localTime {color:#888;font-size:10px;}

.fs-list {display:flex; flex-wrap:wrap;}
	.fs-listItem {width:23%; min-width:10em; margin:.5em 1%; padding:.5em; border:1px #e8e8e8 solid; border-radius:.2em; background-color:#f4f4f4; box-sizing:border-box;}
		.fs-listItem a {display:block;}
		.fs-listItem:hover {background-color:#680; color:#fff;}
		.fs-listItem:hover a {color:#fff;}
		.fs-listItem h3 {font-weight:bold;}
		.fs-listItem img {width:100%;}


/******* PAGES IK ***********/

/** login / ikForm **/

.ikUserID {display:flex; justify-content:space-between;}
	.ikUserIDExisting, .ikNewAccount {margin-top:10px; padding:10px 1%; border:1px #ddd solid;background-color:#f4f4f4;}

	.ikFormItem {display:flex; justify-content:flex-end; margin-bottom:1em; text-align:right;}
	.ikFormItem label {margin-right:.5em; text-align:right; text-transform:lowercase;}
	.ikFormItem input, .ikFormItem select, .ikFormItem textarea {width:75%; padding:.4em; box-sizing:border-box;}	

	.ikUserIDExisting {width:40%;}
		.ikUserIDExisting h3 {margin:0 0 .5em 0; padding:0; border:0; background-color:transparent;}
		.ikUserLogin {margin-bottom:1em; padding:.5em; border:1px #ddd solid;background-color:#fafafa;}
			.ikUserLogin p {padding-bottom:1em;}
			.ikUserPassword {margin-bottom:0;}
	
	.ikNewAccount {width:57%;}
		.ikFormItemPWD {margin-bottom:1em; padding-top:1em; border-top:2px #fff solid; border-bottom:2px #fff solid;}
		.ikFormItemOptin {}
		.ikFormAction {margin-top:1em; padding-top:1em; border-top:2px #fff solid; text-align:right;}
			.ikFormAction input {padding:.6em 2em;}

/*------ Mon compte ------------*/

.userAccount  {display:flex; justify-content:space-between; align-items:flex-start;}
	.userAccount h2{margin-top:0;}

	.ua-infos {width:40%;}
		.ua-address {margin-bottom:2em; padding:.6em; border:1px #ccc solid; border-radius:.2em; background-color:#eee;}
		.ua-address h3 {margin:0 0 .5em 0; padding-bottom:.2em; border-bottom:1px #666 solid;}
		.ua-edit {display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:1em; padding:.5em; border:1px #ddd solid; background-color:#fff;}
			.ua-editAction {flex-grow:1; margin-right:.5em;}
				.ua-editAction:last-child {margin-right:0;}
			.ua-editAction input.button {padding:1em;}
			.ua-addressItem {display:flex; justify-content:center; align-items:center;}
			.ua-addressLabel {flex:1; padding-right:1em; text-align:right; font-size:80%; text-transform:uppercase; color:#666;}
			.ua-addressOutput {flex:3;}
		.ikAccountAction input {width:96%;padding:10px 2%;}

	.ua-views {width:55%; margin-bottom:2em;}
		.ua-orderHistory {width:100%; border:1px #ddd solid; border-spacing:0; font-size:85%;}
			.ua-orderHistory  tr:nth-child(odd) {background-color:#eee;}
			.ua-orderHistory  tr:nth-child(even) {background-color:#f8f8f8;}
			.ua-orderHistory  td, .ua-orderHistory  th {text-align:left;}
			.ua-orderHistory  th {padding:.5em; background-color:#680; color:#fff; font-size:90%;}
			.ua-orderHistory  td {padding:1em .5em; border-bottom:1px #ddd solid;}
			.ua-oh-date {border-right:1px #ddd solid; border-left:1px #ddd solid;}
			.ua-oh-actions {text-transform:uppercase;}
				.ua-oh-actions strong a {display:inline-block; padding:.5em 1em; color:#fff; background-color:#f29022;}

.vo-actions {max-width:600px; padding:1em; border:2px #444 solid; background-color:#eee; text-align:center; box-sizing:border-box;}
	.vo-actions  p.button {margin-top:.5em;}
	.vo-actions  a {display:inline; padding:0;}
	.vo-actions  a:hover {text-decoration:underline;}

.ect-h1 {margin-bottom:0;}
.ect-travelTypePrice {text-transform:uppercase;}
.ect-form  .be-submit {margin-top:1em; max-width:400px;}
.ect-changeDateForm input[type=submit] {margin-left:1em; padding:.5em 2em;}

/*------ Groupes ---------*/
.group-login {display:flex; justify-content:flex-end; min-height:500px; margin:2em 0; align-items:flex-start; background:url('/images/rp/reims-paris-voyage-groupes.jpg') no-repeat; background-size:cover;}
	.group-login .ikUserLogin {width:400px; margin:1em; background-color:rgba(255, 255, 255, .75);}
		.group-login .ikUserLogin  h3 {padding-top:0;}
	.group-login .ikUserSubmit }

	.group-signin {margin-top:2em; padding:1em; background-color:#680; color:#fff;}
	.group-createAccount .button {margin-top:1em;}

.groupLeader-form {max-width:800px; margin-top:1em; padding:1em; background-color:#680; color:#fff;}
	.glf-item {display:flex; align-items:center; padding-bottom:1em;}
		.glf-item label {padding-right:2em;}
		.glf-item select, .glf-item input, .glf-item textarea {padding:.6em;}
		.glf-name input {width:50%;}
		.glf-remark {flex-direction:column; align-items:flex-start;}
			.glf-remark textarea {width:100%; height:5.4em; box-sizing:border-box;}
	.glf-CGV {margin:1em 0; padding:.5em 0; border-top:1px #fff solid; border-bottom:1px #fff solid; font-style:italic;}
		.glf-CGV a {color:#fff;text-decoration:underline;}

.groupLeader-account p {margin-bottom:.5em;}
	.gla-status {max-width:800px; margin-bottom:2em; padding:1em; background-color:#f8f8f8; border:1px #eee solid;}
		.gla-status img {vertical-align:bottom;}
	.gla-history {margin-top:2em;}

.be-startBooking-ep-groupOffer {}
	.be-startBooking-ep-groupOffer th {padding:.2em; background-color:#888; color:#fff; font-weight:bold; text-align:center;}
	.be-startBooking-ep-groupOffer td {vertical-align:bottom; background-color:#f8f8f8;}
	.be-startBooking-ep-groupOffer-details td {padding:.2em;}
		.be-startBooking-ep-groupOffer-details tr:nth-child(odd) td {background-color:#eee;}
		.be-startBooking-ep-groupOffer-details tr:nth-child(even) td {background-color:#e2e2e2;}
		.be-startBooking-ep-groupOffer-details th {background-color:#680; font-size:100%; color:#fff;}
		.be-startBooking-ep-god-price {text-align:right;}

/*------ Hotels ---------*/
.searchResult-hotels {display:flex; justify-content:space-between;}
	.be-findFares-hotels-list {width:50%;}
		.be-findFares-hotel {display:flex; margin-bottom:2em;}
			.be-findFares-hotel-image {width:200px; height:200px; overflow:hidden;}
				.be-findFares-hotel-image img {position:absolute; margin:auto; height:100%; left:-100%; right:-100%;}
			.be-findFares-hotel-details {display:flex; flex-direction:column; justify-content:space-between; padding-left:1em;}
				.be-findFares-hotel-name {padding-bottom:0;}
				.be-findFares-hotel-mapIndicator {padding:0 .3em; background-color:#f06; font-weight:bold; color:#fff; text-transform:uppercase;}
				.be-findFares-hotel-price {text-align:right;}
				.be-findFares-hotel-submit {background-color:#888; color:#fff; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
					.be-findFares-hotel-submit:hover {background-color:#680;}
	.be-findFares-hotels-sidebar {width:45%; }
		.be-findFares-hotels-gmap {width:100%; height:400px;}
	
/******* SPECIALS ***********/

/** Ticket **/
.ticketCore {}

.ticketCore h1 {margin-bottom:0;}
.tc-orderId {margin-bottom:1em;}
.tc-printButton {padding:.5em 2em; margin-bottom:2em;}

.ticketMain {border:2px #000 solid; border-radius:.5em; padding:1em; margin-bottom:1em;}

.ticketHeader {display:flex; justify-content:space-between;}
	.ticketHeader img {width:4cm; margin-right:1cm; vertical-align:baseline;}
	.ticketHeader h2 {font-size:18pt;}
	.ticketNumber {font-size:12pt;}

.ticketContent {display:flex; flex-wrap:wrap; justify-content:space-between;}
	.ticketContent label {text-transform:uppercase; font-size:9pt;}

.ticketTitle {width:100%; display:flex; justify-content:space-between; margin:1mm 0; padding-bottom:1mm; border-bottom:1px #888 solid; }
	.ticketOD {font-size:13pt; margin:0; padding:0;}

.ticketID {width:100%; display:flex; justify-content:space-between; font-size:8pt; margin-bottom:4mm; font-family:'Courrier New', monospace; text-transform:uppercase;}
	.ticketCarrier {}
		.ticketCarrier label {font-size:8pt; }
	
.ticketDetails {width:75%;}
	.ticketDetails strong {text-transform:uppercase;}
	.ticketDetails label {display:inline-block; min-width:14mm;}
	.ticketPassengerName {margin-bottom:4mm; font-weight:bold;}
	.ticketDeparture, .ticketArrival {margin-bottom:2mm;}
	.ticketDetails strong {text-transform:uppercase;}
		.ticketAddress {font-size:8pt;}
	.passengerControl {width:8cm; font-family:"Courier New", monospace; color:#666; font-size:9pt;}

.ticketQRCode {width:25%; display:flex; justify-content:flex-end; align-items:flex-end;}
	.ticketQRCode img {}

.ticketFooter {margin-top:4mm; text-align:center;}
	.ticketMentions {font-size:8pt; color:#666; margin-bottom:2mm;}
		.ticketMentions  strong {font-size:9pt; color:#000;}
	.ticketTel  img {width:4cm; margin-top:1mm;}

.ticketAd {display:none; max-width:16cm; margin:5mm auto 0 auto;}
	.ticketAd h3 {padding:0;}
	.ticketAd-RP, .RCT-TicketAd-map {width:100%;}	
	.RCT-TicketAd-yarmee, .RCT-TicketAd-yarmee-buttonItem {display:flex; align-items:flex-start; }
		.RCT-TicketAd-yarmee-device {height:6cm;}
		.RCT-TicketAd-yarmee-buttons {margin-left:1em;}
			.RCT-TicketAd-yarmee-buttonItem {padding:.5em 0; border-top:1pt #000 solid; font-size:10pt;}
			.RCT-TicketAd-yarmee-buttonImg {width:12mm; margin-right:1em;}
	.ticketAd-trafficInfos {padding:.3em .5em; border:1pt #000 solid; background-color:#fd0; font-weight:bold;}
		.ticketAd-trafficInfos h3 {font-weight:bold;}


.page-break {page-break-before:always;}
	
@media print {
	.ticketCore .header, .ticketCore .footer, .ticketCore .breadcrumb, .ticketCore h1, .tc-orderId, .tc-printButton {display:none;}
	.ticketCore {background-color:transparent;}
	.ticketCore a {color:#000;}
	.ticketAd {display:block; }	
}


/** InvoicePrint **/

.print {background-color:transparent; font-size:80%;}
.print-header {text-align:right;}
	.print-logo {width:4cm; margin-right:1.5cm;}
.print h1 {margin-top:-1cm; text-align:center;}
.print .main {margin-right:7cm;}
	.print-date {margin-bottom:1em; font-style:italic;}
	.print-actions  button {margin:.5em; padding:.5em 2em;}
.print-footer {position:absolute; top:2.5cm; right:0; width:5.5cm;}

.print .ikCart {max-width:100%;}
	.print .ikCart th {background-color:#eee; border-bottom:1px #bbb solid;}
	.print .colTotalPrice {border:none;}
	.print .rowART {background-color:transparent;}
	.print .articleContent {border:none; padding:0; margin-top:1mm;}

@media print {
	.print-actions {display:none;}
}

/** Admin **/
/***********/
.rp-adm p{margin-bottom:.4em;}

.rp-adm h2, .rp-adm h3 {margin:.5em 0; padding:0;}
.rp-adm label {padding-right:1em; font-size:85%; text-transform:uppercase;}

.adm {border:1px solid #888; border-spacing:1px; font-size:75%;} 
	.adm td, .adm th {padding:.3em;}
	.adm th, .formLabel {font-size:100%; background-color:#ccc;}
	.adm tbody tr:nth-child(odd) {background-color:#f8f8f8;}
	.adm tbody tr:nth-child(even) {background-color:#eee;}
	.adm a:hover {text-decoration:underline;}
	.adm tbody tr:hover {background-color:#680;}
	.adm tr:hover td, .adm tr:hover td a {color:#fff;}

/** Admin departures **/

.adm-dayPast, .adm-dayPast a {color:#fff;}
tbody tr.adm-dayPast:nth-child(odd) {background-color:#ccc;}
tbody tr.adm-dayPast:nth-child(even) {background-color:#bbb;}

.adm-ID {text-transform:uppercase;}
.adm-ISPTracker {text-align:center;}
.adm-date {font-size:120%; font-family:'Courrier New', monospace;}
.adm-tableYield, .adm-priceLvl {text-align:right;}
.adm-ticketNb {font-size:130%; font-weight:bold; text-align:right;}
.adm-day1 .adm-ticketNb {background-color:#def;}
.adm-day2 .adm-ticketNb {background-color:#cde;}

.adm-status {color:#fff; text-align:center;}
.ANNULE {background-color:#f66;}
.DISPO {background-color:#6f6;}
.COMPLET {background-color:#0a0;}

.adm-diagram h1 {margin-bottom:0;}
.adm-diagram  tr {background-color:#eee;}
.adm-segment {text-align:center;}
.adm-diagOccupied {background-color:#f29022;}
.adm-diagOrder {text-align:right;}
.adm-diagPassengerName {font-size:120%;}

.adm-actions {display:flex; justify-content:space-between; margin:1em 0; padding:1em; background-color:#680;}

/** Admin view departure **/
.adm-viewDeparture-notification {margin:.5em 0; padding:.5em; border:1px solid #f29022; background-color:#eee;}
.adm-viewDeparture-notification h3 {font-size:100%; margin:.4em 0 0 0; padding:0;}

/** Admin send passengers notification **/
.rp-adm-sendPassengersNotification-form {margin:.5em 0; padding:.5em; border:1px solid #f29022; background-color:#eee;}

/** mode agent **/
.agentUI {background-color:#7b4; color:#fff;}
.agentWarning {margin-bottom:1em; border:1px dashed #7b4; padding:.5em; background-color:#efe; box-sizing:border-box; color:#7b4;}
.be-startBooking .agentWarning {width:100%;}

.agentID .ikUserPassword {margin-bottom:1em;}	

.agentPayment {order:1; width:50%; margin:0 25% 2em 25%; padding:1em;}
	.agentPayment fieldset {border:2px #fff solid;}

/** VTPASLO **/
.vtpaslo {width:8cm; height:8cm;}
	.vtpaslo img {width:100%; height:100%;}
.vtpaslo-licence {position:absolute; top:5cm; left:15mm; font-size:20pt; font-weight:bold;}


/***** Extranet Partenaires *****/

.CWT-partner {}

.CWT-partner .header-logo {font-family:Emblema, sans-serif; font-size:250%; text-transform:uppercase; font-weight:bold; line-height:1em; color:#680;}
.CWT-partner .header-logo img {width:200px;}

.CWT-partner-home-menu {}
	.CWT-partner-home-menu li {margin-bottom:.5em;}
	.CWT-partner-home-menu h3 {padding:0;}

.CWT-partnerCalendar {}
	.CWT-partnerCalendar-selectSupplier {margin-bottom:1em; padding:.4em; border:1px #ccc solid; background-color:#eee;}
	.CWT-partnerCalendar .pc-travelTitle {padding:0;}
	.CWT-partnerCalendar-info {max-width:100%;}
.CWT-partnerCalendar-calendar {}
	.CWT-partnerCalendar-calendar .normal {background-color:#eee;}
	.CWT-partnerCalendar-calendar .pc-date {border-bottom:0;}
	.CWT-partnerCalendar-package {background-color:#ddd; margin-bottom:.1em; padding:.2em; border-radius:.4em;}
	.CWT-partnerCalendar-package-name {margin-bottom:0!important; font-family:Emblema, sans-serif; font-size:120%; text-transform:uppercase; font-weight:bold; color:#452058; line-height:1em;}
	.CWT-partnerCalendar-time {margin-bottom:0!important; font-size:85%;}
	.CWT-partnerCalendar-supplierName {font-style:italic; line-height:1.1em;}
	.CWT-partnerCalendar-proposalCount {line-height:1em;}
	.CWT-partnerCalendar-proposalCount-free {color:#f63; font-weight:bold;}
	.CWT-partnerCalendar-proposalCount-occupied {color:#680; font-size:85%;}
	.CWT-partnerCalendar-proposalStatus {font-size:80%; text-transform:uppercase; color:#452058;}
	.CWT-partnerCalendar-submit a {display:block; padding:.2em .5em; background-color:#452058; color:#fff; text-transform:uppercase;}
	.CWT-partnerCalendar-submit a:hover {background-color:#680;}
	.CWT-partnerCalendar-cancel a {background-color:#888;}

#idAreaoCMSEdit1 {margin-top:1em; width:100%;}

.CWT-partnerMyCalendar-status-cancelled {color:#f30;}

/******* FOOTER ******/

.footer {display:flex; justify-content:space-between; padding:.5em; color:#fff; background-color:#452058;}
	.footer p {font-size:70%;}
	.footer a {color:#fff;}
	.alcool {letter-spacing:.15em;}

/****************************/
/******* MEDIA QUERIES ******/

@media screen and (max-width:1220px) {
	.main-wrapper, .footer-wrapper, .footer-main {padding:0 2%;}
	.header-wrapper {padding:0;}
	.vc-addProducts {width:35%;}
	.be-startBooking {flex-direction:column;}
	.be-startBooking-editPassengers {width:100%; margin-top:1em;}
	.be-startBooking-summary {width:auto;}

}

@media screen and (max-width:1000px) {
	.header-bg img {height:250px;}
	.header-nav a {padding:.6em .5em .3em .5em;}
	.footer {flex-direction:column; text-align:center;}
	.alcool {margin-top:.5em; order:10;}

	.fs-listItem {width:31%;}
	.group-login {min-height:400px;}
	.vc-addProducts {width:40%;}
}

@media screen and (max-width:800px) {
	h2 {font-size:150%;}
	.header-bg {height:200px;}
		.header-bg img {height:180px;}
	.header-main {flex-direction:column; align-items:stretch;}
	.header-logo {width:auto; text-align:center; margin:1rem 0;}
	.CWT-partner .header-logo {margin:0; font-size:160%;}
	.CWT-partner .header-logo img {display:block; margin:0 auto 1rem auto;}

	.footer-nav li:nth-last-child(2) {border-right:1px #fff solid;}
	.footer-nav li:last-child {padding-right:1em; flex:0 1 auto;}
	.home-booking {background-image:none;}
		.home-bookingText {display:none;}
	.home-timetable {flex-direction:column;}
	.be-tunnel li {display:none;}
	.be-tunnel .LinkSelected {display:list-item;}

	.be-actions {flex-direction:column; align-items:stretch;}
	
	.be-findFares-day {}
	.be-actions .button, .be-submit {max-width:100%;}
	.be-findFares-priceCalendar, .be-findFares-submit, .be-startBooking-ep-submit {margin:0 0 2em 0;}
	.modifySearchForm {padding:1em 15%;}
	.be-findFares-nav { margin:0 0 1em 0;}

	.vc-validate {flex-direction:column;}
		.vc-addTicket {width:100%; order:3; margin-top:2em;}	
		.vc-submit {width:100%; box-sizing:border-box; order:1;}	
		.vc-addHotel {width:100%; order:5; margin-top:2em;}	
		
	.gp-actions {flex-direction:column;}
		.gp-discounts {width:100%; order:2; margin:2em 0 0 0;}
		.gp-submit {width:100%; order:1;}
		.agentPayment {width:100%; margin:0 0 2em 0;}
		
	
	.ikUserID {flex-direction:column; align-items:stretch;}
		.ikUserIDExisting, .ikNewAccount {width:100%;}

	.userAccount {flex-direction:column;}
		.ua-infos, .ua-views {width:100%;}

	.largeSearchForm {width:100%;}

	.be-startBooking-ep-form  {flex-direction:column;}
		.be-startBooking-ep-formItem  {flex-direction:row; margin-bottom:.5em;}
		.be-startBooking-ep-formItem  label {width:20%; margin-right:.5em;}	
		
	.viewCart {flex-direction:column;}
		.vc-main , .vc-addProducts {width:100%;}
}

@media screen and (max-width:700px) {
	.static-img {max-width:70%;}
	.footer-logo {text-align:center;}
	.footer-nav {flex-direction:column; align-items:center;}
	.footer-sitemap {flex-direction:column; align-items:center; text-align:center;}
	.footer-help {margin:1em 0; padding: 1em 0; border-top:1px #fff solid; border-right:none; border-bottom:1px #fff solid; border-left:none; }

	.ticketDetails, .ticketQRCode {width:100%;}
	.ticketQRCode {justify-content:center; margin-top:1em;}
	.contactWrapper {flex-direction:column;}

	.fs-listItem {width:48%;}

	.group-login {min-height:300px;}
	
}

@media screen and (max-width:600px) {
	
	.static-img {float:none; margin:1em 0; width:100%;}

	.articleDirection , .articleDate {width:100%;}
	.articleDirection {border-bottom:none;}
	.articleDate {text-align:left;}	
	
	.RP-item {width:100%;}
	.RP-item:nth-child(odd){margin-right:0;}
		
	.RP-img {width:80%; margin:0 10% 1em 10%;}
	.RP-desc {width:100%;}
	
	.RCT-discover {flex-direction:column-reverse;}
		.RCT-discover-image {width:100%; margin:0 0 1em 0;}
}

@media screen and (max-width:500px) {
	h1 {font-size:200%;}
	h2 {font-size:150%;}
	.header-bg {height:160px;}
		.header-bg img {height:130px;}
	.header-login {margin: 1em 0 -1em 0;}
	.header-nav ul {flex-direction:column;
		transform: translateZ(0); -webkit-transition:max-height .4s, overflow .4s; transition:max-height .4s, overflow .4s; will-change:max-height, overflow; 
		margin:0; padding:0; list-style:none;}
		.header-nav li {border-bottom:1px #680 solid;}
		.header-nav .LinkStandard:hover, .header-nav .LinkStandard:active {border-bottom:1px #680 solid; background-color:#000;}
		.header-nav .LinkStandard:hover a, .header-nav .LinkStandard:active a {color:#fff;}

	/* handling clic with CSS3 checked */
		/* Theming closed nav */
	.header-nav > input:not(:checked) ~ ul {max-height:0; overflow:hidden;}
		/* Theming opened nav */
	.header-nav > input:checked ~ ul {max-height:20em; overflow:visible;}
	/* Global styling nav button */
	.header-nav > label {display:block; position:absolute; top:-4em; left:1em; z-index:1; height:4.5em; width:4.5em; 
	background:#000; border:0; border-radius:50%; text-align:center; font-size:.8em; color:#fff; 
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-transition:.2s -webkit-transform cubic-bezier(0, 1.8, 1, 1.2); transition:.2s transform cubic-bezier(0, 1.8, 1, 1.2);}
	.header-nav > label:before {content:""; display:block; z-index:1; height:1.6em; width:2em; background-color:transparent; 
	background-image:-webkit-gradient(linear, left top, right top, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));
	background-image: -webkit-linear-gradient(left, #fff, #fff), -webkit-linear-gradient(left, #fff, #fff), -webkit-linear-gradient(left, #fff, #fff);
	background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, #fff, #fff), linear-gradient(to right, #fff, #fff);
	background-position:center top, center, center bottom; background-repeat:no-repeat; -webkit-background-size:2em .3em; background-size:2em .3em;
    margin:.8em auto 0; padding:0; outline:0; border:0; cursor:pointer;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-transition:.2s cubic-bezier(0, 1.8, 1, 1.2); transition:.2s cubic-bezier(0, 1.8, 1, 1.2); transition-property:background;}
	/* Theming opened nav button */
	.header-nav > input:checked + label {-webkit-transform:scale(.8); transform:scale(.8);}
	.header-nav > input:checked + label::before {background-position: center, center, center;}
	/* Hide alternate text except from screen readers */
	.visually-hidden {position:absolute !important; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; height:1px; width:1px;}
	
	.main {padding-top:1em;}
	.content {}
	.footer-nav {justify-content:center;}
	.header-wrapper, .main-wrapper, .footer-wrapper, .footer-main {padding:1%;}
	
	.footer-main {flex-direction:column; align-items:center;}
		.footer-payment {padding-bottom:2em;}

	.be-findFares-list {display:block;} /*windows phone*/
		.be-findFares-day {max-width:98%;}
	
	.modifySearchForm {padding:1em; margin-top:0;}
	.be-priceCalendar {font-size:80%;}
	.pc-price {font-size:120%;}

	.be-startBooking-summary {flex-wrap:wrap;}
	.be-startBooking-item {}
	
	.ikFormItem {flex-direction:column; align-items:stretch;}
		.ikFormItem label {text-align:left;}
		.ikFormItem input {width:100%;}

	.articleDate  label {display:none;}

	.static p {text-align:left;}

	.timetable-booklet {flex-direction:column;}
	
	.ticketHeader {flex-wrap:wrap;}
	.ticketNumber {width:100%; text-align:right;}
	
	.stopInfos {width:100%; margin-bottom:2em;}
	.stopImage {width:100%;}
		
	.group-login {min-height:auto;}
	
}

@media screen and (max-width:400px) {
	.fs-listItem {width:100%; margin:.5em 0;}

}


/**** Interface ventes à bord ****/
/*-------------------------------*/

.remote {}
.remote-header-wrapper {display:flex; justify-content:space-between; padding:.5em 0;}
	.remote-header-title a {display:block; margin-top:.5em; padding:1em; background-color:#452058; color:#fff; text-transform:uppercase;}
	.remote-header-title a:hover {background-color:#000;}
	.remote-header-login-customer, .remote-header-login br {display:none;}

.remote h1 {font-size:240%;}

.remote-home-searchForm {background-color:#aaa;}
	.remote-home-searchForm-content {padding:.5em;}
		.remote-home-searchForm-content p {border-top:3px #fff solid; font-size:150%;}
		.remote-home-searchForm-content .home-sf-departureDate {display:none;}
		.remote-home-sf-passengers {margin-bottom:2em;}
		.remote-home-sf-passengers div {margin:.5em;}
			.remote-home-sf-passengers-select {display:block; width:5em!important; height:2.3em;}
			.remote-home-sf-passengers-select-text {display:block; position:absolute; top:0; left:0; width:100%; padding:.5em; box-sizing:border-box; background-color:#000; text-align:center; font-size:200%;}
			.remote-home-sf-passengers-select-radio {display:none;}
			.remote-home-sf-passengers-select-radio:checked+.remote-home-sf-passengers-select-text {background-color:#f03;}
		.remote .home-sf-submit input {font-size:150%;}		
		
.remote	.be-findFares-itemID {font-size:100%;}
.remote .be-findFares-travelTitle {display:none;}


.remote .be-startBooking-editPassengers {display:flex; flex-direction:column;}
.remote .be-startBooking-editPassengers h2 {display:none;}
	.remote .be-startBooking-actions {order:-1; align-items:flex-start; margin:0 0 1em 0; padding:.5em; background-color:#aaa;}
.remote-addGuest a {display:block; max-width:300px; padding:.5em; box-sizing:border-box; background-color:#f29022; text-align:center; font-size:120%; text-transform:uppercase; color:#fff;}
.remote-addGuest a:hover {background-color:#452058;}
.remote .be-startBooking-ep-reimscitypass {font-size:120%;}
.remote .be-startBooking-ep-reimscitypass a {display:none;}

.remote .vc-main {display:flex; flex-direction:column;}
	.remote .vc-validate {order:-1; margin:0 0 1em 0; padding:.5em;}
	.remote .vc-validate p, .remote .vc-acceptCGV {display:none;}

.remote .ikCart {margin-bottom:2em; font-size:80%;}
.remote .TOTAL .colTotalPrice, .remote .TOPAY .colTotalPrice {font-size:150%;}
.remote .gp-warning, .remote .gp-submit, .remote .gp-discounts {display:none;}
.remote .agentPayment {width:100%; margin:0; font-size:125%;}
.remote .agentPayment select, .remote .agentPayment input {font-size:100%;}