/***** VINEYARD LINK *****/

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

 jaune  : #eccc14
 jaune texte : #ccac00
 noir	: #212121
 brun   : #4e0c2b
 violet : #452058
                 
********************/

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

* {margin:0;padding:0;}
a {text-decoration:none; color:#452058;}
	a:hover {color:#ccac00;}
body {font-family:"europa", sans-serif; background-color:#452058;}
div {position:relative; box-sizing:border-box;}
fieldset {padding:.5em; border-radius:.2em;}
	fieldset  legend {padding:0 .5em; text-transform:uppercase;}
h1 {margin-bottom:.6em; padding-top:.6em;  font-size:240%; color:#212121; font-family:Emblema; text-transform:uppercase;}
h2 {padding:.5em 0; font-weight:normal; font-size:180%; text-transform:uppercase;}
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:.5em 2em;}
.button a {display:block; box-sizing:border-box;}
.infoButton {background-color:#666; color:#fff;}
	.infoButton a {color:#fff;}
	.infoButton:hover {background-color:#eccc14}
	input.infoButton {border:none;}

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

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

.clear {clear:both;}
.info {color:#ccac00;}
.warning {color:#452058;}
.error {color:#f33;}
.feedback {margin-bottom:1em; padding:1em; border:1px #eccc14 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;}

h2+.TVL-subtitle {margin-top:-1em; padding-top:0; text-transform:inherit; font-style:italic;}

/******* STRUCTURE **********/
.header-wrapper, .main-wrapper, .strip-content, .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-login {padding:.2em .4em; 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-logo {max-width:200px; margin:0 auto; padding-top:.5em; 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:.6em 1em .3em 1em; color:#000;}
		.header-nav .LinkStandard:hover, .header-nav .LinkStandard:active {background-color:#212121;}
		.header-nav .LinkStandard:hover a, .header-nav .LinkStandard:active a, .header-nav .LinkSelected a {color:#fff;}
		.header-nav .LinkSelected {background-color:#eccc14;}

	

		
/******* corps de page **************/
.main {padding-top: 2em; background-color:#fff;}
	.breadcrumb {padding:.3em 0; text-transform:uppercase; font-size:85%; color:#eccc14;}
		.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:#eccc14; 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: #eccc14; cursor: pointer; color:#fff; text-align:center;}
		.DatePickerHdrBtn:hover, .DatePickerBtn:hover, .DatePickerBtnSelect:hover {background-color:#452058; color:#fff;}

/*---- home ---------*/
.home .header-logo {max-width:300px;}
.home h1 {text-align:center; line-height:1em;}

.home-banner {background:url('/rcot/images/reims-country-tour-banner.webp') no-repeat; background-size:cover;}
.home-banner h1, .home-banner h2 {color:#fff; text-shadow: -1px 1px 2px #000, 1px -1px 2px #000;}
.home-banner .chapo {margin:0 auto; padding:0; text-align:center; font-weight:bold;}

	.home-searchForm {display:flex; flex-direction:column; align-items:center; width:fit-content; margin:2em auto 0 auto; padding:1em; background-size:cover; color:#452058;}
		.home-searchForm-content {width:100%; min-width:300px; padding:.5em; background-color:rgba(255, 255, 255, 0.3);}
			.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%;}

.home-options {margin-top:2em;}
	.home-option {width:28%; max-width:400px; margin:1em 2%; border-radius:0 0 .5em .5em; background-color:#eee;}
		.home-option .strip-item-content {padding:1em;}
		.home-option h2 {padding-top:0; font-size:140%;}
		.home-option-quote {margin-top:1em; border-left:3px solid #000; padding:0 2em 0 1em; color:#666;}
		.home-option .button {width:fit-content; border:0.2em #fff solid; margin:0 auto; padding:.5em 2em; background-color:#452058; color:#fff; text-align:center;}
		.home-option .button:hover {background-color:#eccc14; color:#452058;}

/*---- 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; text-transform:inherit;}

.static-img {float:right; margin-left:1em; max-width:600px;}

.strip-content {display:flex; flex-wrap:wrap; justify-content:center;}
.default .strip-item {width:fit-content; max-width:46%; margin:1em 2%;}
.strip-desc {display:flex; flex-direction:column; justify-content:flex-end; min-height:300px; padding:1em;}
.strip-title {margin:0 5%;}
.banner-content {padding:2em 0;}
	.banner-content h1 {padding:0;}
.strip-stop {background-color: #eccc14;}
	.strip-stop .strip-item {margin:0;}
		.strip-stop .strip-desc {background-size:cover; color:#fff; text-shadow: -1px 1px 2px #000, 1px -1px 2px #000;}
			.strip-stop h1 {}
			.strip-stop .chapo {font-size:180%;}
		#strip-faux .strip-desc {background-image:url('/rcot/images/fau-de-verzy_m.jpg'); background-repeat:no-repeat;}
		#strip-phare .strip-desc {background-image:url('/rcot/images/phare-verzenay_m.jpg'); background-repeat:no-repeat;}
		#strip-rilly .strip-desc {background-image:url('/rcot/images/rilly-la-montagne_m.jpg'); background-repeat:no-repeat;}
		#strip-pompelle .strip-desc {background-image:url('/rcot/images/fort-pompelle_m.jpg'); background-repeat:no-repeat;}
   .strip-item-book {padding:1em;}
.strip-visit {background-color:#eee;}
	.strip-visit .strip-item {margin:0;}
		.strip-visit p {margin:0 0 1em 0; text-align:right; color:#666;}
		.tour-include {margin:0 0 2em 3em; padding:.5em; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:85%;}
		.tour-include p {text-align:left; color:#000;}

 
 /*-- Thermometre --*/
 
.thermo {flex-direction:column;}
.thermo-row {display:flex; align-items:stretch;}
.stop-start {min-height:3em;}
.thermo-col {}
.thermo-times {display:flex; flex-direction:column; align-items:flex-end; width:3em;}
.thermo-graph {width:3em; margin-bottom:-.5em;}
.thermo-graph-stop {position:absolute; top:0; left:.5em; width:2em; height:2em; border-radius:50%; border:.3em solid #fff; background-color:#eccc14;}
	.stop-start .thermo-graph-stop, .stop-end .thermo-graph-stop {width:1.6em; height:1.6em; left:.72em; background-color:#452058;}
	.stop-start .thermo-graph-stop {top:-.1em;}
	.thermo-graph-route {width:100%; height:100%; background:url('thermo-bg.svg') no-repeat center 1.5em; background-size:50%;}
	.thermo-stop {width:70%; max-width:400px;}
	.thermo-stop-name {padding:0; color:#452058; font-size:120%;}
	.thermo-stop-details {border-top:2px solid #999; color:#666;}
.stop-start .thermo-times, .stop-start .thermo-stop {padding-top:0;}
.stop-end .thermo-graph-route {background-image:none;}

/* -- Version Trait vertical --
.thermo-times {display:flex; flex-direction:column; align-items:flex-end; width:3em; padding-top:1rem;}

.thermo-graph {width:3em;}
	.thermo-graph-stop {position:absolute; top:1.1rem; left:.5em; width:2em; height:2em; border-radius:50%; border:.3em solid #fff; background-color:#eccc14;}
	.stop-start .thermo-graph-stop, .stop-end .thermo-graph-stop {width:1.6em; height:1.6em; left:.72em; background-color:#452058;}
	.stop-start .thermo-graph-stop {top:-.1em;}
	.thermo-graph-route {width:100%; height:100%; background-image:linear-gradient(#452058, #452058); background-size:.5em 100%; background-position:50% 0;    background-repeat: no-repeat;}
	.thermo-stop {width:70%; max-width:400px; padding-top:1rem;}
	.thermo-stop-name {padding:0; color:#452058; font-size:120%;}
	.thermo-stop-details {border-top:2px solid #999; color:#666;}
.stop-start .thermo-times, .stop-start .thermo-stop {padding-top:0;}
*/

/*-- 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 #212121 solid; color:#212121;}
.thanksNotOK {border:1px #452058 solid; color:#452058;}
	.thanks p {margin-bottom:0;  font-style:italic;}
.contactForm  form {margin-top:2em;}
.mandatory {color:#452058;}
.mandatoryInfo {font-style:italic;}



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

/*---- Tour Engine ---------*/

.genTour {}

.TVL-genTour-start {width:fit-content; background-color:#212121; padding:1em 1em 1em 0; color:#fff;}
	.TVL-genTour-start h3 {width:fit-content; background-color:#eccc14; margin-bottom:.5em; padding:.2em .5em; color:#000;}
	.TVL-genTour-selectOrigin {margin-bottom:2em;}
	.TVL-genTour-selectOrigin, .TVL-genTour-date {margin-left:1em;}
		.TVL-genTour-date .inputDate {margin:0 .5em .5em 0;}
	
.TVL-genTour-options {display:flex; margin:1em 0!important;}
	.TVL-genTour-option {flex:1; list-style-type:none; margin:.5em; background-color:#f2f2f2; border:1px #ddd solid;}
	.TVL-genTour-option:hover {background-color:#eccc14; border:1px #dcbb24 solid;}
		.TVL-genTour-option-container {display:block; position:relative; padding:.5rem; text-decoration:none; color:#000;}
		.TVL-genTour-option-container select {margin:0 .5em .5em 0;}
			.TVL-genTour-option-title {z-index:100; position:absolute; left:50%; transform:translateX(-50%); width:fit-content; margin:-1em 0 .2em 0; padding:.1em .2em; background-color:#eccc14;}
			.TVL-genTour-option:hover .TVL-genTour-option-title {background-color:#212121; color:#fff;}
			.TVL-genTour-option-image {}
			.TVL-genTour-option-desc {margin:.2em 0 0 0!important; font-style:italic;}
			.TVL-genTour-option-title-other {width:fit-content; background-color:#eccc14; margin:0 0 .5em -.5rem; padding:.2em .5em; color:#000;}
	.TVL-genTour-option-direct, .TVL-genTour-option-1halt, 	.TVL-genTour-option-2halts {}



.tripSelector {width:min-content; margin-bottom:1em; border:1px #666 solid;}
	.tripSelector-heading {display:flex; background-color:#eccc14; border-bottom:1px #c8a860 solid; text-align:center; font-weight:bold; font-size:120%;}
		.tripSelector-heading div {padding:.2rem .5rem; text-align:center;}
		.tripSelector-heading-departure, .tripSelector-heading-arrival {width:6rem;}
		.tripSelector-heading-departure {border-right:1px #c8a860 solid;}
		.tripSelector-heading-halt {width:18rem; border-right:1px #c8a860 solid;}
	.tripSelector-body {display:flex;}
		.tripSelector-leg {}

.legTable {}
	.legTable-heading {display:flex; text-transform:uppercase; font-size:80%; background-color:#ddd;}
		.legTable-heading div {width:6rem; padding:.2rem .5rem; text-align:center;}
		.legTable-heading-departure {border-right:1px #bbb solid;}
		.legTable-heading-arrival {}
		.legTable-heading-duration {border-right:1px #888 solid; border-left:1px #888 solid;}
	.legTable-body {display:flex; align-items:stretch; }
		.legs {}
			.leg {display:flex; width:100%;}
				.leg-departure, .leg-arrival, .interval-duration {width:6rem;}
				.leg-radio {display:none;}
				.leg-radio:checked+.leg-time {background-color:#212121; color:#fff;}
				.leg-time {display:flex; justify-content:space-between; color:#aaa; text-align:center;}
				.leg-time:hover {background-color:#eccc14; color:#fff; cursor:pointer;}
					.leg-departure {padding:.2em .5em; border-right:1px #ccc solid;}
					.leg-radio:checked+.leg-time .leg-departure {border-right:1px #444 solid;}
					.leg-arrival {padding:.2em .5em;}
		.interval-duration {border-right:1px #888 solid; border-left:1px #888 solid; text-align:center; font-size:160%; font-weight:bold;}
	
.be-genTour-submit {max-width:400px;}

/*---- Book Tour ---------*/

.TVL-genTour-booking {width:fit-content; padding-top:.5em; border-top:.4em #eccc14 solid;}
	.TVL-genTour-booking-price {margin-bottom:.5em; font-weight:bold;}
		.TVL-genTour-booking-price small {font-weight:normal;}
.sb-summary .leg-time {color:inherit;}
.sb-summary .leg-time:hover {background-color:inherit; border:inherit; cursor:inherit;}

/*---- Booking Engine ---------*/
	
.be-tunnel {box-sizing:content-box; height:3em; border-top:.5em #212121 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:#452058; color:#fff;}
	#tunnel li.LinkSelected:hover {background-color:#666;}*/

.travelTitle {padding-bottom:0; color:#eccc14;}
.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:#eccc14; padding:1em; color:#000;}
		.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 {}
		.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 {display:flex; flex-wrap:wrap; justify-content:center; margin-bottom:.5em; 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:#eccc14; }
			.be-findFares-item {margin:.2em; padding:.2em; border-top:2px #666 solid; border-radius:.2em; background-color:#fff;}
			.be-findFares-highlight .be-findFares-item {border-top:2px #eccc14 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-itemDesc {margin-bottom:.5em; padding-bottom:.1em; border-bottom:1px #ccc solid; background-color:#f9f3ff; font-size:75%; color:#212121; font-style:italic; text-align:center;}
					.be-findFares-itemDesc-type0 {font-weight:bold; font-style:normal; text-transform:uppercase;}
				.be-findFares-itemContent {display:flex; margin-bottom:.5em; align-items:flex-end;}
					.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%;}
				.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-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:#888; 
					text-align:center; text-transform:uppercase;}
				.be-findFares-item-selectText:hover {background-color:#eccc14;}
				.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:#eccc14;}
			.ffv2{display:flex;}
			.ffv2 .be-findFares-itemContent {display:block;}
			.ffv2 .be-findFares-itemEvent {margin-left:1em;}
				.ffv2 .be-findFares-itemEvent-image {width:100%;}
					
					
.be-findFares-nav {display:flex; justify-content:space-between; margin-top:2em;}
	.navButton {min-width:20%; max-width:300px; background-color:#eccc14; 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:#452058; 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:#eccc14;}
		.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:#eccc14; 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:#eccc14;}
			.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:#452058;}
.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:#452058; 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:#212121;}
				.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:#eccc14; color:#fff;}
		.be-startBooking-ep-reimscitypass-checkbox:checked+.be-startBooking-ep-reimscitypass-warning {display:block;}


/*---- View Cart ---------*/
.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:#eccc14;}
	.vc-submit {box-sizing:border-box;}
		.vc-acceptCGV {line-height:1.1em;}
		.vc-acceptCGV label {padding-left:.5em;}
		.vc-acceptCGV a {color:#452058; 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:#452058;}

	.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:#452058;}
		.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:#eccc14; font-weight:bold;}

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

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

	
/*---- 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;}
	.gp-warning {margin:.5em auto;}
	
		
		
/*---- 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:#452058; 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:#eccc14;}
					table#SMImage td.SMItem div.DIS p {color:#666;}
					table#SMImage td.SMItem div.SEL p {color:#452058;}
		#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:#eccc14;}		
					#SMLegend .SMLegendItem div.SEL {background-color:#452058;}		
					#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 #eccc14 solid;border-right:3px #eccc14 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:#eccc14;}
		.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:#eccc14;}
	.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:#eccc14;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:#eccc14; 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:#eccc14; 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:#452058;}

.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:#eccc14; color:#fff;}
	.group-createAccount .button {margin-top:1em;}

.groupLeader-form {max-width:800px; margin-top:1em; padding:1em; background-color:#eccc14; 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:#eccc14; 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:#eccc14;}
	.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 {margin:0; padding:0!important; 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; 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:2mm; font-family:'Courrier New', monospace; text-transform:uppercase;}
	.ticketCarrier {}
		.ticketCarrier label {font-size:8pt; }
	
.ticketDetails {}
	.ticketDetails strong {text-transform:uppercase;}
	.ticketDetails label {display:inline-block; min-width:14mm;}
	.ticketPassengerName {margin-bottom:0!important; font-weight:bold;}
	.ticketDeparture, .ticketArrival {margin-bottom:2mm;}
	.ticketDetails strong {text-transform:uppercase;}
		.ticketAddress {font-size:8pt;}
	.ticketCouponsList {margin-bottom:4mm; border-collapse:collapse; border-top:2px #666 solid; font-size:75%;}
		.ticketCouponsList td {border-bottom:1px #ccc solid; padding:.1em;}
	.passengerControl {width:8cm; font-family:"Courier New", monospace; color:#666; font-size:9pt;}

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


.ticketFooter {margin-top:2mm; text-align:center;}
	.ticketMentions {font-size:8pt; color:#666;}
		.ticketMentions p {margin:0;}
		.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 .CDT-header, .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:#eccc14;}
	.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:#452058;}
.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:#eccc14;}

/** Admin view departure **/
.adm-viewDeparture-notification {margin:.5em 0; padding:.5em; border:1px solid #452058; 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 #452058; 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;}


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

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

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

@media screen and (max-width:1220px) {
	.main-wrapper, .strip-content, .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%;}
	
	.home-option {width:46%;}
}

@media screen and (max-width:800px) {
	h1 {font-size:200%;}
	h2 {font-size:150%;}
	.header-bg {height:200px;}
		.header-bg img {height:180px;}
	.header-main {flex-direction:column; align-items:stretch;}
	.header-logo {max-width:120px;}
	.home .header-logo {max-width:200px;}
	.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%;}
		
	.TVL-genTour-options {flex-wrap:wrap;}
		.TVL-genTour-option {flex:inherit; width:46%;}

	.strip-stop .strip-content, .strip-visit .strip-content {flex-direction:column-reverse;}

	.strip-stop .strip-item-desc, .strip-stop .strip-item-book, .strip-visit .strip-item {max-width:100%;}
	.strip-stop h1 {margin-bottom:0; text-align:center;}
	.strip-stop .searchForm {margin-top:0;}
	.strip-visit p {margin-top:0; text-align:left;}
	.strip-visit p.linkFollow {text-align:right;}

}

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

	.home-option {width:100%; max-width:600px; margin:1em 5%;}
	
}

@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:180%;}
	h2 {font-size:140%;}
	.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 #eccc14 solid;}
		.header-nav .LinkStandard:hover, .header-nav .LinkStandard:active {border-bottom:1px #eccc14 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:-5em; right: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;}
	
	.TVL-genTour-options {flex-direction:column;}
		.TVL-genTour-option {width:96%;}

	.home-banner h1 {font-size:160%;}
	.home-banner .chapo {font-size:120%; line-height:1.1em;}
}

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

}