/* Minification failed. Returning unminified contents.
(8121,3): run-time error CSS1036: Expected expression, found '}'
(10228,59): run-time error CSS1030: Expected identifier, found '='
(10228,63): run-time error CSS1031: Expected selector, found ')'
(10228,63): run-time error CSS1025: Expected comma or open brace, found ')'
(10232,60): run-time error CSS1030: Expected identifier, found '='
(10232,64): run-time error CSS1031: Expected selector, found ')'
(10232,64): run-time error CSS1025: Expected comma or open brace, found ')'
(10240,59): run-time error CSS1030: Expected identifier, found '='
(10240,63): run-time error CSS1031: Expected selector, found ')'
(10240,63): run-time error CSS1025: Expected comma or open brace, found ')'
(10250,54): run-time error CSS1030: Expected identifier, found '='
(10250,58): run-time error CSS1031: Expected selector, found ')'
(10250,58): run-time error CSS1025: Expected comma or open brace, found ')'
(10254,46): run-time error CSS1030: Expected identifier, found '='
(10254,50): run-time error CSS1031: Expected selector, found ')'
(10254,50): run-time error CSS1025: Expected comma or open brace, found ')'
 */

@media ( min-width: 1200px ) {

	.large-hidden {
		display: none;
	}

	.large-block {
		display: block;
	}

	.large-inline {
		display: inline !important;
	}

	.large-right {
		float: right !important;
	}

	.large-left {
		float: left !important;
	}

	.large-no-float {
		float: none !important;
	}

	/* Width */
	.inner {
		width: 1180px;
	}

	.col.w220p {
		width: 280px;
	}

	.large-wauto {
		width: auto;
	}

	.large-w20 {
		width: 20%;
	}

	.large-w20p {
		width: 20px;
	}

	.large-w35p {
		width: 35px;
	}

	.large-w60p {
		width: 60px;
	}

	.large-w75p {
		width: 75px;
	}

	.large-w100p {
		width: 100px;
	}

	.large-w110p {
		width: 110px;
	}

	.large-w130p {
		width: 130px;
	}

	.large-w125p {
		width: 125px;
	}

	.large-w145p {
		width: 145px;
	}

	.large-w150p {
		width: 150px;
	}

	.large-w155p {
		width: 155px;
	}

	.large-w160p {
		width: 160px;
	}

	.large-w170p {
		width: 170px;
	}

	.large-w175p {
		width: 175px;
	}

	.large-w190p {
		width: 190px;
	}

	.large-w200p {
		width: 200px;
	}

	.large-w205p {
		width: 205px;
	}

	.large-w210p {
		width: 210px;
	}

	.large-w215p {
		width: 215px;
	}

	.large-w220p {
		width: 220px;
	}

	.large-w222p {
		width: 222px;
	}

	.large-w220pi {
		width: 220px !important;
	}

	.large-w235p {
		width: 235px;
	}

	.large-w240p {
		width: 240px;
	}

	.large-w245p {
		width: 245px;
	}

	.large-w260p {
		width: 260px;
	}

	.large-w270p {
		width: 270px;
	}

	.large-w280p {
		width: 280px;
	}

	.large-w290p {
		width: 290px;
	}

	.large-w310p {
		width: 310px;
	}

	.large-w330p {
		width: 330px;
	}

	.large-w340p {
		width: 340px;
	}

	.large-w345p {
		width: 345px;
	}

	.large-w350p {
		width: 350px;
	}

	.large-w360p {
		width: 360px;
	}

	.large-w366p {
		width: 366px;
	}

	.large-w375p {
		width: 375px;
	}

	.large-w380p {
		width: 380px;
	}

	.large-w385p {
		width: 385px;
	}

	.large-w390p {
		width: 390px;
	}

	.large-w400p {
		width: 400px;
	}

	.large-w410p {
		width: 410px;
	}

	.large-w415p {
		width: 415px;
	}

	.large-w420p {
		width: 420px;
	}

	.large-w425p {
		width: 425px;
	}

	.large-w435p {
		width: 435px;
	}

	.large-w440p {
		width: 440px;
	}

	.large-w450p {
		width: 450px;
	}

	.large-w485p {
		width: 485px;
	}

	.large-w510p {
		width: 510px;
	}

	.large-w520p {
		width: 520px;
	}

	.large-w535p {
		width: 535px;
	}

	.large-w540p {
		width: 540px;
	}

	.large-w560p {
		width: 560px;
	}

	.large-w570p {
		width: 570px;
	}

	.large-w580p {
		width: 580px;
	}

	.large-w585p {
		width: 585px;
	}

	.large-w600p {
		width: 600px;
	}

	.large-w610p {
		width: 610px;
	}

	.large-w630p {
		width: 630px;
	}

	.large-w635p {
		width: 635px;
	}

	.large-w660p {
		width: 660px;
	}

	.large-w670p {
		width: 670px;
	}

	.large-w690p {
		width: 690px;
	}

	.large-w710p {
		width: 710px;
	}

	.large-w742p {
		width: 742px;
	}

	.large-w756p {
		width: 756px;
	}

	.large-w760p {
		width: 760px;
	}

	.large-w780p {
		width: 780px;
	}

	.large-w860p {
		width: 860px;
	}

	.large-w905p {
		width: 905px;
	}

	.large-w925p {
		width: 925px;
	}

	.large-w930p {
		width: 930px !important;
	}

	.large-w945p {
		width: 945px;
	}

	.large-w990p {
		width: 990px;
	}

	.large-w995p {
		width: 995px;
	}

	.large-w1005p {
		width: 1005px;
	}

	.large-w33 {
		width: 33.333%;
	}

	.large-w40 {
		width: 40%;
	}

	.large-w60 {
		width: 60%;
	}

	.large-w50 {
		width: 50%;
	}

	.large-w70 {
		width: 70%;
	}

	.large-w75 {
		width: 75%;
	}

	.large-w87 {
		width: 87%;
	}

	.large-w100 {
		width: 100%;
	}

	/* Even with a larger mod, content won't stretch with the class .large-dont-stretch */
	.large-dont-stretch {
		width: 895px; /* in a .mod, with its 30+30px padding (955-30-30 = 895px left in 1024) */
	}

	.large-w955p {
		width: 955px; /* on a .mod (.mod in 1024 has the width of .inner, i.e. 955px wide) */
	}

	fieldset.genuine .large-dont-stretch {
		width: 861px; /* fieldset is 895px, its content is 861px */
	}

	fieldset .form-col-1-2 {
		width: 47.7%;
	}

		fieldset .form-col-1-2.col-last {
			width: 48.2%;
		}

	.large-mh22p {
		min-height: 22px; /* specific to block @ homepage */
	}

	.large-h344p {
		height: 344px;
	}
	/* specific to the slideshow for carrier homepage */


	.large-t-4-5 {
		position: relative;
		top: 45px;
	}

	.large-t-5 {
		position: relative;
		top: 50px;
	}

	/* margin, padding */
	.large-mt0 {
		margin-top: 0 !important;
	}

	.large-mt0-5 {
		margin-top: 5px !important;
	}

	.large-mt1-5 {
		margin-top: 15px !important;
	}

	.large-mt2 {
		margin-top: 20px !important;
	}

	.large-mr0 {
		margin-right: 0 !important;
	}

	.large-mr0-2 {
		margin-right: 2px !important;
	}

	.large-mr2 {
		margin-right: 20px !important;
	}

	.large-mr3 {
		margin-right: 30px !important;
	}

	.large-mr4 {
		margin-right: 40px !important;
	}

	.large-mr4-5 {
		margin-right: 45px !important;
	}

	.large-mr5 {
		margin-right: 50px !important;
	}

	.large-mr16 {
		margin-right: 160px !important;
	}

	.large-mb0 {
		margin-bottom: 0 !important;
	}

	.large-mb4 {
		margin-bottom: 40px !important;
	}

	.large-ml0 {
		margin-left: 0 !important;
	}

	.large-ml0-5 {
		margin-left: 5px !important;
	}

	.large-ml1-3 {
		margin-left: 13px !important;
	}

	.large-ml3 {
		margin-left: 30px !important;
	}

	.large-ml5 {
		margin-left: 50px !important;
	}

	.large-ml16 {
		margin-left: 160px !important;
	}

	.large-ml112 {
		margin-left: 112px !important;
	}

	.large-ml122 {
		margin-left: 122px !important;
	}

	.large-ml184 {
		margin-left: 184px !important;
	}

	.large-ml162 {
		margin-left: 162px !important;
	}

	.large-ml182 {
		margin-left: 182px !important;
	}

	.large-ml26 {
		margin-left: 260px !important;
	}



	.large-pt0-5 {
		padding-top: 5px !important;
	}

	.large-pt1 {
		padding-top: 10px !important;
	}

	.large-pt1-5 {
		padding-top: 15px;
	}

	.large-pt2 {
		padding-top: 20px !important;
	}

	.large-pt3 {
		padding-top: 30px !important;
	}

	.large-pr0 {
		padding-right: 0 !important;
	}

	.large-pr0-5 {
		padding-right: 5px !important;
	}

	.large-pr1 {
		padding-right: 10px !important;
	}

	.large-pr3 {
		padding-right: 30px !important;
	}

	.large-pr4-5 {
		padding-right: 45px !important;
	}

	.large-pr5 {
		padding-right: 50px !important;
	}

	.large-pr8 {
		padding-right: 80px !important;
	}

	.large-pb0 {
		padding-bottom: 0 !important;
	}

	.large-pb3 {
		padding-bottom: 30px !important;
	}

	.large-pl0 {
		padding-left: 0 !important;
	}

	.large-pl0-5 {
		padding-left: 5px !important;
	}

	.large-pl2 {
		padding-left: 20px !important;
	}

	.large-pl3 {
		padding-left: 30px !important;
	}

	.large-pl5 {
		padding-left: 50px !important;
	}

	.large-pl6 {
		padding-left: 60px !important;
	}

	.large-pl8 {
		padding-left: 80px !important;
	}

	.large-pl11 {
		padding-left: 110px !important;
	}

	/* tables: every cells with a padding-left of 20px */
	.large-cell-pl2 th,
	.large-cell-pl2 td {
		padding-left: 20px;
	}

	.large-table-gut4-5-gray {
		border-right: 45px solid;
	}




	/* inbl */
	.large-inbl {
		display: inline-block;
		vertical-align: top;
	}

	.large-txtleft {
		text-align: left;
	}

	label.large-txtleft,
	.label-like.large-txtleft {
		display: inline;
	}

	.large-txtright {
		text-align: right;
	}

	label.large-txtright,
	.label-like.large-txtright {
		display: inline-block;
		margin-right: 10px;
	}

	.large-row {
		float: none;
		display: table;
		width: 100%;
	}

	.large-col {
		float: none;
		display: table-cell;
		vertical-align: top;
	}

	.large-bd-none {
		border: 0;
	}

	.large-bd-right {
		border-right: 1px solid;
	}

	.large-bd-left {
		border-left: 1px solid;
	}
	/* This data-table has a legend on its right in 1280: .has-legend allows to fix its width */
	.wide-col .data-table {
		width: 895px;
		margin-bottom: 0
	}

	/* Legend under a data-table on desktop goes along this table on wide display */
	.colorbox-wrapper {
		display: table-cell;
		width: 171px;
		border: 1px solid;
		margin: 0;
		padding: 30px 15px 0 21px;
		vertical-align: top;
	}

		.colorbox-wrapper .colorbox-item {
			display: block;
			margin-bottom: 12px;
		}

		.colorbox-wrapper .colorbox {
			float: left;
			margin-left: 0 !important;
		}

		.colorbox-wrapper .colorbox-label {
			display: block;
			overflow: hidden;
		}

	/* 6.23 mod Booking*/
	.items-table.w50 {
		width: 33.333% !important;
	}

	/* 6.32 simple timeline */
	.large-visible {
		/*1280 only*/
		display: block !important;
	}

	.col.large-visible,
	td.large-visible,
	th.large-visible {
		/*1280 only*/
		display: table-cell !important;
	}
	/* Inline in 1280, hidden in 1024 and lower (seen in 7.11a in .banner-gray on right RQM 21739) */
	.large-visible-inline {
		display: inline !important;
	}

	.timeline .timeline-main {
		margin: 0 25px;
	}

	.timeline-doc ul {
		margin-right: 55px;
	}

	.timeline-doc li.large-visible, .timeline-approval li.large-visible {
		display: inline-block !important;
	}

	.doc-editable {
		width: 895px;
		margin: auto;
	}

	/* Latest news */
	.news-summary .col.pr6 {
		padding-right: 40px !important;
	}

	/* datepicker */
	.datepicker img {
		width: auto; /* 23px */
		height: auto; /* 23px */
	}

	/* Follow-up documents 6a.31 */
	.data-table .header-icon.large-w35p,
	.data-table .checkbox + td {
		border: 0;
	}

	/* .form-horiz found in 704c */
	.form-horiz legend {
		text-align: right;
	}

	.service-s-table.large-td-pl2 td + td,
	.service-s-table.large-td-pl2 th + th {
		padding-left: 20px;
	}

	.reg-carrier-choice-item {
		width: 353px;
	}

	.reg-carrier-contains-4 .reg-carrier-choice-item {
		width: 257px;
	}

	.package-overlay {
		width: 209px;
	}
		/* 1280 overlay can go on 840px for a head line at 280px*/
		.package-overlay.po-col-4-4 { /* package 4th col on 4  */
			right: 1px;
		}

		.package-overlay.po-col-3-4 { /* package 3rd col on 4  */
			right: 211px;
		}

		.package-overlay.po-col-2-4 { /* package 2nd col on 4   */
			right: 421px;
		}

		.package-overlay.po-col-1-4 { /* package 1st col on 4   */
			right: 631px;
		}

		.package-overlay.po-col-3-3 { /* package 3rd col on 3  */
			right: 1px;
			width: 280px;
		}

		.package-overlay.po-col-2-3 { /* package 2nd col on 3   */
			right: 281px;
			width: 280px;
		}

		.package-overlay.po-col-1-3 { /* package 1st col on 3   */
			right: 560px;
			width: 280px;
		}



	.package-table caption > span {
		width: 631px;
	}

	.package-table.pt-caption-3col caption > span {
		width: 561px;
	}

	.account-intro {
		width: 278px;
		min-height: 163px;
		padding: 30px 20px 20px !important;
		margin-bottom: 0;
	}

	.col .account-intro {
		width: 414px;
		min-height: 154px;
		padding: 30px !important;
	}

	.nav-list-left {
		width: 280px;
	}

		.nav-list-left ul {
			width: 255px;
		}

		.nav-list-left .current {
			width: 281px; /* 255+25+1px */
		}

	/* Terms and Conditions (page 9c.08 RQM 21296) */
	.terms {
		margin: 10px 145px; /* plus 20px 30px from parent .mod gives 30px 175px */
	}

	/* Banner-gray (and other colors?) and its icons on right. Changes in late RQM 21296 */
	/* In 1280, text appears in link (margin between icon and check is void: text is in-between) and by default there's a 2px margin between text and check: we want 10px */
	.banner-characs .links-blue1 + .check.smaller {
		margin-left: 8px;
	}

	/* Control Totals (SI Step 4) - 4 (icon+value+unit) on a darker gray background / RQM 30368 - INS - Add Control Totals to SI Step 4 */
	/* Variation for 18b.09 (handsome table) */
	.ctrltotals.ctrltotals-modetable {
		width: 962px;
	}


	/* ----------------------------- */
	/*   ==Corporate                 */
	/* ----------------------------- */
	.corp-main {
		width: 1180px;
	}

	.corp-has-banner {
		width: 1010px;
		margin-left: -50px;
		padding-left: 50px;
	}

	.corp-banner {
		margin-bottom: -80px;
		width: 1280px;
		height: 360px;
		background-size: cover;
	}

		.corp-banner img {
			max-width: 1263px;
		}

	/* 3 contexts for a video, examples are in pages 10.06, 10.10 and 20.05. See templates.css for defaults (no change needed in Corp, column stays at W=680px) */
	/* 10.06: tutorial with sidebar */
	.video-with-sidebar .video-player {
		width: 874px;
		height: 531px; /* OK {875 / 531 Fx. Also 874} {875 / 531 Chrome = 1px on right. 874 = 1px on bottom} */
	}
	/* Page 10.10: tutorial without sidebar (full width) */
	.video-without-sidebar .video-player {
		height: 703px;
	}


	#tutorial-masonry .box {
		width: 373px;
	}

	.corp-has-banner .corp-inner h1 {
		padding-right: 50px;
	}

	/* layout */
	.corp-layout3 .corp-inner,
	.corp-layout4 .corp-inner {
		margin-left: 250px;
	}

	.corp-layout4 .corp-sidebar {
		margin-left: 30px;
		margin-right: -220px;
		margin-top: 94px;
	}

	.corp-layout6 .corp-inner {
		width: 905px;
	}

	.corp-layout6 .corp-nav-icons + .corp-inner {
		width: 910px;
	}

	/* ==Bottom/right menu */
	.corp-aside,
	.corp-layout1 + .corp-aside,
	.corp-layout1.corp-has-banner + .corp-aside {
		position: absolute;
		top: 45px;
		right: 0;
		width: 200px;
		margin-top: 0;
		margin-left: 0;
	}

	.corp-has-banner + .corp-aside {
		top: 100px;
	}

	.corp-aside-link,
	.corp-aside-icon {
		height: 48px;
		line-height: 48px;
	}

	.corp-aside-link {
		float: none;
		width: auto;
		text-align: left;
		white-space: nowrap;
	}

		.corp-aside-link + .corp-aside-link {
			margin-left: 0;
			margin-top: 20px;
		}

	.corp-aside-icon {
		display: inline-block;
		width: 48px;
		text-align: center;
	}

		.corp-aside-icon .icon {
			font-size: 30px !important;
		}

	.corp-aside-label {
		display: inline-block;
		vertical-align: middle;
		margin-top: 0;
		margin-left: 15px;
		padding: 0;
		line-height: 1.4em;
		white-space: normal;
	}

	.bg-triple > p,
	.bg-triple > div {
		max-width: 760px;
	}

	/* 11.01 */
	.corp-country-list {
		-webkit-column-count: 5;
		-moz-column-count: 5;
		column-count: 5;
	}

		.corp-country-list.is-columnized {
			-webkit-column-count: initial;
			-moz-column-count: initial;
			column-count: initial;
		}

	/* ==HOMEPAGE */
	.front.cma .corp-content {
		width: 1180px;
	}

	/* Slideshow */
	.hp-slideshow .slideshow-content {
		height: 340px;
	}
	/* Insert of slide with overlay: generic and default styles */
	.hp-slideshow .hpsl-insert {
		/* @NOTE -579 = -1280/2 + 61 where 1264 = 1280-0px of scrollbar (was -1024/2 + 46 in resolution 1024) */
		margin-left: -579px;
		width: 590px; /* default InsertWidth 510 + 40*2 */
		padding: 50px 40px;
	}

	.hp-1-3 {
		width: 333px; /* 3 columns total 1179px */
		margin-left: 30px;
		margin-right: 30px;
	}

	/* Type Img Block (and its variation Video): .hp-u-bgimg */
	.hp-u-bgimg {
		width: 391px; /* this block has a margin of 1px instead of 20/30/50px (in 1024, 1280 and 1680) */
		min-height: 227px; /* was 184px in 1024 */
		margin-left: 1px;
		margin-right: 1px;
	}

		.hp-u-bgimg .hp-u-bgimg-content a:after {
			min-height: 227px;
		}

	/* Type Magazine cover (Text + Img float): .hp-u-mag */
	.hp-u-mag.hp-u-mag img.left { /* needs enough specificity */
		width: 166px;
		margin-bottom: 24px;
	}

	/* Row (3 column wide) */
	.hp-3-3 {
		width: 1264px;
		height: 380px; /* instead of 305 in 1024 */
		margin-left: -42px;
	}

		.hp-3-3 .hp-row-content {
			width: 465px;
			/* 72 = 46+16+10 */
			padding: 10px 60px 45px 72px;
		}
	/* RowType variations */
	/* Content on right */
	.hp-row-right .hp-row-content {
		width: 435px; /* edge aligned with middle of gutter between 2 .hp-1-3 */
		padding-left: 30px; /* left of content aligned with left of content of an .hp-1-3 */
	}
	/* Indent of 25% */
	.hp-row-indent .hp-row-content {
		padding-left: 155px;
	}

	/* ==Carrier Homepage: nothing */

	#ajax-messages {
		margin-right: -590px;
	}

		#ajax-messages .msg span {
			max-width: 1000px;
		}

	.account-intro {
		min-height: 158px;
	}


	/* Opening hours */
	.corp-week-row,
	.corp-week-row p {
		display: block;
	}

	/* specific to 14.02 : sidebar right */
	.large-bd-top10 {
		border-top: 106px solid;
	}


	/* ==DASHBOARD */
	.dashboard {
		width: 273px !important;
	}

	.no-js .dashboard {
		margin-left: 29px !important;
	}

		.no-js .dashboard:nth-child(3n+1) {
			margin-left: 29px !important;
		}

		.no-js .dashboard:nth-child(4n+1) {
			margin-left: 0 !important;
		}

	.db-header-title span {
		max-width: 150px;
	}

	#dashboard-tiles-c4 {
		display: block;
	}

	.dashboard-wrapper {
		width: 272px;
	}

	/* shipment table (4 columns) */
	.db-shipment-table-voyage {
		width: 71px
	}

	.db-shipment-table-vessel {
		width: 103px
	}

	.db-shipment-table-sl {
		width: 53px
	}

	/* Schedule table (4 columns incl. 2 icons) */
	.db-schedule-ref {
		width: 90px
	}

	/* Table with 3 columns (1 icon on left) */
	.db-3col-ref {
		width: 81px
	}

	.db-3col-label {
		width: 138px
	}

	.dashboard-banner .inner {
		padding-left: 48px;
		padding-right: 47px; /* RQM 30256 - DSH - Prb alignement Tuile dans le header / We need a width of exactly 1085px (5*209px + 4*10px), not 1084px */
	}

	.db-filter-item:nth-child(4n+1) {
		margin-left: 10px;
	}

	.db-filter-item:nth-child(5n+1) {
		margin-left: 0;
	}

	/* T&J - RTC 88211 */
	.tl-doc-item {
		width: 174px;
	}

		.tl-doc-item + .tl-doc-item {
			margin-left: 7px;
		}

	.tl-doc_docsonline .tl-doc-item {
		width: 180px;
	}

		.tl-doc_docsonline .tl-doc-item + .tl-doc-item {
			margin-left: 120px;
		}

	/* invoice payment */
	.invoice-payment .col {
		padding-left: 90px;
		padding-right: 90px;
	}

		.invoice-payment .col:first-child {
			padding-left: 0;
			width: 30%;
		}

		.invoice-payment .col:last-child {
			padding-right: 0;
			width: 30%;
		}
}
/* /end MQ 1280px */

/* WARNING : 1680+ MQ is specific to the Homepage */
@media ( min-width: 1680px ) {
	.xlarge-h430p {
		height: 430px;
	}

	/* ==HOMEPAGE (2015 CMA only) */
	.front.cma .corp-content {
		width: 1662px;
	}

	/* Slideshow */
	.hp-slideshow .slideshow-content {
		height: 430px;
	}
	/* Insert of slide with overlay: generic and default styles */
	.hp-slideshow .hpsl-insert {
		/* @NOTE -617 = -1680/2 + 223 where:
			* 1680 = 1680-0px of scrollbar (was -1024/2 + 46 in resolution 1024 and -1280/2+61 in 1280)
			* 223 aligns left of content with left of header (243px needed - 20px of left padding) */
		margin-left: -617px;
		width: 745px; /* default InsertWidth 645 + 50*2 */
		padding: 60px 50px;
	}

	.front .hp-slideshow h2 { /* @TODO pourquoi .front pour h2 et .content pour p ci-dessous */
		max-height: 3.25em; /* line-height has changed and we still want 3 lines so 3*1 plus some room for leg of letter "g" */
		font-size: 3.636em; /* 40px */
		line-height: 1;
		padding-bottom: 0.25em; /* avoids bottom of letters like "g" to be cropped due to l-h: 1; and overflow:hidden; */
		margin-bottom: -0.25em; /* but we still keep the vertical margin */
	}

	.hp-slideshow .hpsl-content p {
		margin-top: 30px; /* vertical margin between h2 and p and then p and p.more. ~40px visually; overrides a value of 10px */
		font-size: 1.364em; /* 15px */
		line-height: 1.467;
	}

	.hp-slideshow .hpsl-content .more {
		margin-top: 39px;
		font-size: 1.636em; /* 18px */
	}

		.hp-slideshow .hpsl-content .more a {
			padding: 10px 22px 15px 22px;
		}

	.hp-1-3 {
		width: 454px; /* 3 columns total 1662px */
		margin: 30px 50px; /* larger gutter as well as 2*30=60px in vertical vs 50 in 1024/1280 */
	}

	.hp-3-3 {
		width: 100%;
		height: 420px; /* instead of 305 in 1024 */
		margin: 30px 0 30px 0; /* 2*30=60px in vertical vs 50 in 1024/1280 as well as 0 on left (was -42px in 1280) */
	}
		/* Two consecutive RowType still have no vertical margin between them */
		.hp-3-3 + .hp-3-3 {
			margin-top: -30px;
		}

		.hp-3-3 .hp-row-content {
			width: 604px; /* 50+454+50+50 (right side aligned with left of 2nd column) */
			padding: 20px 60px 55px 50px;
		}
	/* Typography */
	.front .hp-unit h2 {
		font-size: 3.636em; /* 40px from 11 */
		line-height: 1.25; /* 50/40 */
	}

	.hp-1-3 h2 {
		margin-bottom: 32px; /* In both News blocks, we now want 49-52px between baseline of title and top of 1st line */
	}

	.front .hp-unit p {
		margin-top: 1.5625em;
		font-size: 1.455em; /* 16px from 11 */
		line-height: 1.5625; /* l-h 25px when f-z is 16px */
	}
	/* Selects chapo */
	.front .hp-u-text p:first-child + p,
	.front .hp-u-text h2 + p {
		margin-top: 1.6em;
		font-size: 1.818em; /* 20px from 11 */
	}

	.front .hp-unit .date {
		line-height: 2.083; /* 25/12 */
	}

	.hp-btn-group button + a,
	.hp-btn-group .btn + a {
		padding-left: 30px;
		padding-right: 30px;
	}

	/* Type Img Block (and its variation Video): .hp-u-bgimg */
	.hp-u-bgimg {
		width: 552px; /* this block has a margin of 1px instead of 20/30/50px (in 1024, 1280 and 1680) */
		min-height: 320px; /* was 184px in 1024 */
		margin-left: 1px;
		margin-right: 1px;
	}

		.hp-u-bgimg .hp-u-bgimg-content a:after {
			min-height: 320px;
		}
	/* Type Magazine cover (Text + Img float): .hp-u-mag */
	.hp-u-mag.hp-u-mag img.left { /* needs enough specificity */
		width: 180px;
		margin: 3px 30px 4px 0;
	}

	.hp-u-mag .hp-u-mag-title ~ p {
		clear: none;
	}

	/* RowType variations */
	/* Content on right */
	.hp-row-right .hp-row-content {
		width: 554px; /* left side aligned with middle of gutter between columns 2 and 3 */
	}
	/* Indent of 25% */
	.hp-row-indent .hp-row-content {
		padding-left: 163px;
	}
	/* Image with margin (or padding) */
	.hp-row-imgmargin .hp-row-bg {
		padding: 60px 0;
	}

	#small-main-nav .complex-nav ul {
		max-width: 210px;
	}

	.complex-nav .icon-lock {
		width: 22px;
	}

	/* Tunnel */
	.tunnel-in {
		font-size: 1.091em;
	}
}
/* /end MQ 1680px */


@media screen and (max-width: 980px) { /* @BUGFIX RQM 22836 Vertical scrollbar was above Corporate pages for widths between 954-55 and ~1000px */

	/* quick tablet reset */
	.desktop-hidden {
		display: block;
	}

	.medium-visible {
		display: block !important;
	}

	.medium-hidden {
		display: none !important;
	}

	.large-visible {
		display: none;
	}

	.medium-nowrap {
		white-space: nowrap;
	}

	.medium-wrap {
		white-space: normal;
	}

	/* width */
	.w60,
	.w66,
	.w70,
	.w75,
	.w80,
	.w90,
	.items-table.w100, /* @NOTE no modification on input.w100 or select.w100 for example */
	.w600p,
	.w700p,
	.w800p,
	.w960p,
	.mw960p {
		width: auto;
	}

	.medium-wauto {
		width: auto !important;
	}

	.medium-w20 {
		width: 20% !important;
	}

	.medium-w25 {
		width: 25% !important;
	}

	.medium-w30 {
		width: 30% !important;
	}

	.medium-w33 {
		width: 33% !important;
	}

	.medium-w40 {
		width: 40% !important;
	}

	.medium-w45 {
		width: 45% !important;
	}

	.medium-w46 {
		width: 46% !important;
	}

	.medium-w49 {
		width: 49% !important;
	}

	.medium-w50 {
		width: 50% !important;
	}

	.medium-w54 {
		width: 54% !important;
	}

	.medium-w55 {
		width: 55% !important;
	}

	.medium-w60 {
		width: 60% !important;
	}

	.medium-w62 {
		width: 62% !important;
	}

	.medium-w70 {
		width: 70% !important;
	}

	.medium-w80 {
		width: 80% !important;
	}

	.medium-w85 {
		width: 85% !important;
	}

	.medium-w90 {
		width: 90% !important;
	}

	.medium-w100 {
		width: 100% !important;
	}

	.medium-w30p {
		width: 30px;
	}

	.medium-w35p {
		width: 35px;
	}

	.medium-w40p {
		width: 40px;
	}

	.medium-w50p {
		width: 50px;
	}

	.medium-w55p {
		width: 55px;
	}

	.medium-w60p {
		width: 60px;
	}

	.medium-w65p {
		width: 65px;
	}

	.medium-w70p {
		width: 70px;
	}

	.medium-w75p {
		width: 75px;
	}

	.medium-w80p {
		width: 80px;
	}

	.medium-w85p {
		width: 85px;
	}

	.medium-w90p {
		width: 90px;
	}

	.medium-w95p {
		width: 95px;
	}

	.medium-w100p {
		width: 100px !important;
	}

	.medium-w110p {
		width: 110px;
	}

	.medium-w120p {
		width: 120px;
	}

	.medium-w125p {
		width: 125px;
	}

	.medium-w130p {
		width: 130px;
	}

	.medium-w140p {
		width: 140px !important;
	}

	.medium-w150p {
		width: 150px;
	}

	.medium-w155p {
		width: 155px;
	}

	.medium-w158p {
		width: 158px;
	}

	.medium-w160p {
		width: 160px;
	}

	.medium-w170p {
		width: 170px;
	}

	.medium-w175p {
		width: 175px;
	}

	.medium-w180p {
		width: 180px;
	}

	.medium-w185p {
		width: 185px;
	}

	.medium-w190p {
		width: 190px;
	}

	.medium-w200p {
		width: 200px;
	}

	.medium-w215p {
		width: 215px;
	}

	.medium-w205p {
		width: 205px;
	}

	.medium-w210p {
		width: 210px;
	}

	.medium-w215p {
		width: 215px;
	}

	.medium-w220p {
		width: 220px;
	}

	.medium-w225p {
		width: 225px;
	}

	.medium-w230p {
		width: 230px;
	}

	.medium-w230pi {
		width: 230px !important;
	}

	.medium-w240p {
		width: 240px;
	}

	.medium-w235p {
		width: 235px;
	}

	.medium-w250p {
		width: 250px;
	}

	.medium-w250p {
		width: 250px;
	}

	.medium-w260p {
		width: 260px;
	}

	.medium-w270p {
		width: 270px;
	}

	.medium-w270pi {
		width: 270px !important;
	}

	.medium-w275p {
		width: 275px;
	}

	.medium-w280p {
		width: 280px;
	}

	.medium-w285p {
		width: 285px;
	}

	.medium-w300p {
		width: 300px;
	}

	.medium-w310p {
		width: 310px;
	}

	.medium-w320p {
		width: 320px !important;
	}

	.medium-w325p {
		width: 325px;
	}

	.medium-w330p {
		width: 330px;
	}

	.medium-w334p {
		width: 334px;
	}
	/*23c.01*/
	.medium-w340p {
		width: 340px;
	}

	.medium-w345p {
		width: 345px;
	}

	.medium-w347p {
		width: 347px;
	}

	.medium-w350p {
		width: 350px;
	}

	.medium-w355p {
		width: 355px;
	}

	.medium-w360p {
		width: 360px;
	}

	.medium-w365p {
		width: 365px;
	}

	.medium-w375p {
		width: 375px;
	}

	.medium-w380p {
		width: 380px;
	}

	.medium-w385p {
		width: 385px;
	}

	.medium-w390p {
		width: 390px;
	}

	.medium-w410p {
		width: 410px;
	}

	.medium-w430p {
		width: 430px;
	}

	.medium-w450p {
		width: 450px;
	}

	.medium-w480p {
		width: 480px;
	}

	.medium-w527p {
		width: 527px;
	}
	/* 10.08 */
	.medium-w540p {
		width: 540px;
	}

	.medium-w546p {
		width: 546px;
	}
	/* input @ 6a.29 */
	.medium-w547p {
		width: 547px;
	}
	/* input @ 18b.02 */
	.medium-w550p {
		width: 550px;
	}

	.medium-w560p {
		width: 560px;
	}
	/* Slider 6b32 */
	.medium-w570p {
		width: 570px;
	}

	.medium-w575p {
		width: 575px;
	}

	.medium-w585p {
		width: 585px;
	}
	/* input "new clauses" @ 18b.02 */
	.medium-w595p {
		width: 595px;
	}
	/* Slider 6b32 */
	.medium-w605p {
		width: 605px;
	}

	.medium-w610p {
		width: 610px;
	}

	.medium-w640p {
		width: 640px;
	}

	.medium-w680p {
		width: 680px !important;
	}

	.medium-left {
		float: left;
	}

	.medium-left-i {
		float: left !important;
	}

	.medium-right {
		float: right;
	}

	.medium-right-i {
		float: right !important;
	}

	.medium-no-float {
		float: none;
	}

	.medium-clear {
		clear: both;
	}

	.medium-noclear {
		clear: none;
	}

	.medium-clearleft {
		clear: left;
	}

	.items-table.medium-wauto {
		width: auto !important;
	}

	.medium-h360 {
		height: 350px;
	}

	.medium-h215p {
		height: 215px;
	}
	/* for the home only (slideshow) */
	.medium-h320p {
		height: 320px;
	}
	/* for the home only (slideshow) */
	.medium-h335p {
		height: 335px;
	}
	/* for the home only (slideshow) */
	.medium-hauto {
		height: auto;
		min-height: auto;
	}
	/* @TODO min-height: auto ? Pas plut�t 0 ? */
	.medium-mh153p {
		min-height: 153px;
	}

	/* changes the value of the CSS property "display" */
	.medium-row {
		display: table;
		width: 100%;
	}

	.medium-col {
		display: table-cell;
		vertical-align: top;
	}

	.medium-block,
	.table-like .col.medium-block {
		display: block;
	}

	.col.medium-block {
		border: 0; /* no table-gutter ! */
	}

		.col.medium-block:after {
			/* if there are some floats elements */
			content: "";
			display: table;
			clear: both;
		}

	.medium-bg-none {
		background: none;
	}

	.medium-visually-hidden {
		position: absolute;
		left: -7000px;
		text-indent: -7000px;
		overflow: hidden;
	}

	#footer {
		margin-top: 40px;
	}

	/* margins, paddings */
	.medium-ma1 {
		margin: 10px !important;
	}

	.medium-mv2 {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}

	.medium-mt0 {
		margin-top: 0 !important;
	}

	.medium-mt0-5 {
		margin-top: 5px !important;
	}

	.medium-mt1 {
		margin-top: 10px !important;
	}

	.medium-mt1-5 {
		margin-top: 15px !important;
	}

	.medium-mt1-7 {
		margin-top: 17px !important;
	}

	.medium-mt2 {
		margin-top: 20px !important;
	}

	.medium-mt3 {
		margin-top: 30px !important;
	}

	.medium-mt4 {
		margin-top: 40px !important;
	}

	.medium-mr0 {
		margin-right: 0 !important;
	}

	.medium-mr0-5 {
		margin-right: 5px !important;
	}

	.medium-mr1 {
		margin-right: 10px !important;
	}

	.medium-mr1-5 {
		margin-right: 15px !important;
	}

	.medium-mr2 {
		margin-right: 20px !important;
	}

	.medium-mr3-5 {
		margin-right: 35px !important;
	}

	.medium-mr4 {
		margin-right: 40px !important;
	}

	.medium-mr5 {
		margin-right: 50px !important;
	}

	.medium-mb0 {
		margin-bottom: 0 !important;
	}

	.medium-mb0-5 {
		margin-bottom: 5px !important;
	}

	.medium-mb1 {
		margin-bottom: 10px !important;
	}

	.medium-mb1-3 {
		margin-bottom: 13px !important;
	}

	.medium-mb1-5 {
		margin-bottom: 15px !important;
	}

	.medium-mb2 {
		margin-bottom: 20px !important;
	}

	.medium-mb2-5 {
		margin-bottom: 25px !important;
	}

	.medium-mb3 {
		margin-bottom: 30px !important;
	}

	.medium-mb3-5 {
		margin-bottom: 35px !important;
	}

	.medium-mb4 {
		margin-bottom: 40px !important;
	}

	.medium-ml-minus3 {
		margin-left: -30px !important;
	}

	.medium-ml-minus5-5 {
		margin-left: -55px !important;
	}

	.medium-ml0 {
		margin-left: 0 !important;
	}

	.medium-ml1 {
		margin-left: 10px !important;
	}

	.medium-ml1-5 {
		margin-left: 15px !important;
	}

	.medium-ml2 {
		margin-left: 20px !important;
	}

	.medium-ml3 {
		margin-left: 30px !important;
	}

	.medium-ml4 {
		margin-left: 40px !important;
	}

	.medium-ml4-5 {
		margin-left: 45px !important;
	}


	.medium-pa0 {
		padding: 0 !important;
	}

	.medium-pa1-5 {
		padding: 15px !important;
	}

	.medium-pa0-3 {
		padding: 3px !important;
	}

	.medium-pa3 {
		padding: 30px !important;
	}

	.medium-pv0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.medium-pv2 {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.medium-ph1-5 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.medium-pt0 {
		padding-top: 0 !important;
	}

	.medium-pt0-2 {
		padding-top: 2px !important;
	}

	.medium-pt0-4 {
		padding-top: 4px !important;
	}

	.medium-pt0-5 {
		padding-top: 5px !important;
	}

	.medium-pt1 {
		padding-top: 10px !important;
	}

	.medium-pt1-5 {
		padding-top: 15px !important;
	}

	.medium-pt2 {
		padding-top: 20px !important;
	}

	.medium-pt2-3 {
		padding-top: 23px !important;
	}

	.medium-pr0 {
		padding-right: 0 !important;
	}

	.medium-pr0-5 {
		padding-right: 5px !important;
	}

	.medium-pr1 {
		padding-right: 10px !important;
	}

	.medium-pr1-5 {
		padding-right: 15px !important;
	}

	.medium-pr4 {
		padding-right: 40px !important;
	}

	.medium-pb0 {
		padding-bottom: 0 !important;
	}

	.medium-pb1 {
		padding-bottom: 10px !important;
	}

	.medium-pb2 {
		padding-bottom: 20px !important;
	}

	.medium-pl0 {
		padding-left: 0 !important;
	}

	.medium-pl0-5 {
		padding-left: 5px !important;
	}

	.medium-pl1 {
		padding-left: 10px !important;
	}

	.medium-pl1-5 {
		padding-left: 15px !important;
	}

	.medium-pl2 {
		padding-left: 20px !important;
	}

	.medium-pl2-5 {
		padding-left: 25px !important;
	}

	.medium-pl6 {
		padding-left: 60px !important;
	}

	.medium-pl8 {
		padding-left: 80px !important;
	}

	/* relative/absolute positioning : search for HR below */


	.medium-small-h1 {
		font-size: 1.818em; /* @NOTE 20px from 11px - to add at H1 */
	}

	.medium-rotate90 {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}


	.medium-inbl {
		display: inline-block;
	}

	.medium-visible-inbl {
		display: inline-block !important;
	}

	.medium-txtleft {
		text-align: left !important;
	}

	.medium-txtright {
		text-align: right !important;
	}

	label.medium-txtleft {
		display: inline; /* If we want a label aligned on left, it means it was aligned with .txtright and thus had a width and display: inline-block; was applied automatically. */
		margin-right: 10px;
	}

	label.medium-label-above {
		display: block; /* Label will be above its associated form element, left aligned */
		width: auto;
		text-align: left !important;
		margin-left: 0;
		margin-bottom: 5px;
	}

	.medium-vat {
		vertical-align: top;
	}

	.medium-vam {
		vertical-align: middle;
	}


	hr {
		top: 20px;
		margin-bottom: 40px;
	}

		hr.full,
		.mod.pa3 > hr.full {
			margin-left: -15px;
			margin-right: -15px;
		}

		hr.medium-t1 {
			top: 10px;
			margin-bottom: 20px;
		}

		hr.medium-t1-5 {
			margin-bottom: 30px;
			top: 15px;
		}

		hr.medium-t2 {
			top: 20px !important;
			margin-bottom: 40px !important;
		}


	/* Date range (form). Resetting a CSS table layout set in 1024 */
	.table-like .duration .col,
	.table-like .date-range .col {
		float: left;
	}

	.table-like .duration label /* ,
	.table-like .date-range label */ {
		display: inline-block;
		padding-right: 1em;
	}

	.table-like .date-range {
		clear: both;
	}

	.table-like .duration span.col {
		float: none;
		display: inline-block;
	}

	.table-like .date-range label.col {
		padding-right: 1.1em;
	}

	.table-like .date-range span.col {
		float: none;
		display: inline;
	}

		.table-like .date-range span.col span {
			display: block;
			clear: both;
			margin-top: 10px;
			margin-left: 15px;
		}

	.date-range .k-datepicker {
		width: 104px;
	}

	/* table layout */
	.medium-row-adaptive {
		table-layout: auto; /* Overrides table-layout: fixed */
	}

	.medium-row-fixed {
		table-layout: fixed; /* Overrides table-layout: fixed */
	}


	/* table : TH width */
	.items-table.medium-micro th {
		width: 2.8em
	}

	.items-table.medium-mini th {
		width: 5.5em
	}

	.items-table.medium-midi th {
		width: 8em
	}

	.items-table.medium-maxi th {
		width: 10em
	}

	.items-table.medium-mega th {
		width: 12em
	}

	.items-table.medium-giga th {
		width: 14em
	}

	.items-table.medium-tera th {
		width: 16em
	}

	.items-table.medium-th-auto th {
		width: auto
	}

	.banner-gray a {
		text-decoration: none;
	}

	/* Border*/
	.medium-bdt1 {
		border-top: 1px solid !important;
		margin-top: 10px;
		padding-top: 10px !important;
	}

	.medium-bd-none {
		border: 0 solid transparent;
	}

	.medium-bd-right {
		border-right: 1px solid;
	}

	.medium-bd-left {
		border-left: 1px solid;
	}

	.medium-bd-bottom {
		border-bottom: 1px solid;
	}

	.medium-bd-top,
	.col.medium-block.medium-bd-top {
		border-top: 1px solid;
	}

	.medium-bd-dash {
		border: 1px dashed;
	}
	/* ---------------------- */
	/* == Main navigation     */
	/* ---------------------- */
	/* #header .logo { @BUGFIX Alsa 06/11 In resolution 768px, header not tall enough and when current menu item is "The group", logo and the grey background are adjacent
		margin-bottom: 0;
	} */

	#search {
		position: relative;
		margin-top: -60px;
	}

	#navigation > ul {
		clear: both;
	}

	#small-main-nav .complex-nav ul { /* Bug fix for iPad (eBusiness menu in French language - cf RQM #32834) */
		max-width: 123px;
	}

	.complex-nav .icon-lock {
		width: 0;
	}

	.banner-login-name,
	.banner-login-logout {
		font-size: 1.1em; /* @NOTE like 12px */
	}

	/* */

	body {
		padding: 0 8px;
	}

	html.is-must2018 body {
		padding: 0;
	}

	.inner {
		width: 752px; /* @NOTE 768 - 8*2 */
	}

	/* Margins and paddings */
	.mod {
		padding: 20px 15px !important; /* Not sure !important was needed, fix for .mod.pb0 is below */
	}

		.mod.pa0 {
			padding: 0 !important;
		}

		.mod.pa1 {
			padding: 10px !important;
		}

		.mod.pr0 {
			padding-right: 0 !important;
		}

		.mod.pb0 {
			padding-bottom: 0 !important;
		}

		.mod.pb3 {
			padding-bottom: 30px !important;
		}

		.mod.pl0 {
			padding-left: 0 !important;
		}

		.mod.medium-pa3 {
			padding: 30px !important;
		}

		.mod.medium-pv1-5 {
			padding-top: 15px !important;
			padding-bottom: 15px !important;
		}

		.mod.medium-pt0 {
			padding-top: 0 !important;
		}

		.mod.medium-w100 { /* @NOTE Created for 2 mod in a row at beginning of page, when they must (in 768) display one above the other */
			display: table;
		}

	.table-gut1-5 {
		border-right: none;
		border-bottom: 15px solid white;
	}

	.medium-table-gut3 {
		border-right-width: 30px;
	}

	.medium-table-gut1-5 {
		border-right-width: 15px;
	}

	/* 6b.05 */
	.items-table.mr10:not([class*=medium-mr]) { /* @NOTE Reduces from 100 to 80px the right margin, except if a specific margin is already specified here (the .medium-mrNN classes were specified above and are overwritten...) */
		margin-right: 80px !important;
	}

	.items-table.mr8:not([class*=medium-mr]) { /* @NOTE Reduces from 80 to 60px the right margin, except if a specific margin is already specified here (the .medium-mrNN classes were specified above and are overwritten...) */
		margin-right: 60px !important;
	}

	/*.items-table {
		width: auto !important;
	}*/
	/* Rows are now displayed horizontally (ex: 6.25) */
	.items-table.medium-horiz {
		display: block;
		width: 100%;
		margin-top: 4px;
	}

		.items-table.medium-horiz tbody {
			display: block;
		}

		.items-table.medium-horiz tr {
			float: left; /* @NOTE Avoids problem of 4px of whitespace with inline-block... */
		}

		.items-table.medium-horiz tr,
		.items-table.medium-horiz th,
		.items-table.medium-horiz td {
			display: inline-block; /* @NOTE Maybe needed with a floating parent on some browsers */
			width: auto;
			margin-top: 0;
		}

		.items-table.medium-horiz td {
			margin-right: 15px;
		}

	.medium-mr2-5 {
		margin-right: 25px !important;
	}

	.medium-mr4 {
		margin-right: 40px !important;
	}

	.medium-pr3 {
		padding-right: 30px !important;
	}

	.medium-pr12-5 {
		padding-right: 125px !important;
	}

	.medium-pr15 {
		padding-right: 150px !important;
	}

	.reminder { /* 6b.06 */
		padding-left: 0;
		width: auto !important;
	}

	.form-horiz label, .form-horiz input {
		display: inline-block;
		vertical-align: middle;
	}

	.form-horiz input,
	.form-horiz .jq-click-check {
		margin-left: 8px;
	}

	.form-horiz span:first-of-type input,
	.form-horiz span:first-of-type .jq-click-check {
		margin-left: 4px; /* @NOTE For the block "legend and its 3 radios" in 7.04d and others */
	}

	.elem-special #spe-dim + label {
		width: 140px;
	}

	/** double list */
	.double-list {
		margin-right: 0;
		padding-right: 0 !important;
	}

		.double-list .container-select .grayc {
			width: 47%;
		}

	/* 6a.01
	@NOTE : adjustment widths */
	.wide-col th.w220p {
		width: 190px;
	}

	.wide-col th.w240p {
		width: 195px;
	}

	.wide-col th.w170p {
		width: 135px;
	}

	.wide-col th.w90p {
		width: 65px;
	}
	/* column with a width of approx. 1/2. Parent is 722px (752-15*2), each .col-1-2 is 344px and two of them are separated by 33px (since 7.04d, was 341*2 + 40) */
	.col-1-2 {
		width: 344px;
		margin-right: 33px;
	}

	.form-col-1-2 {
		width: 340px;
		margin-right: 42px;
	}

	fieldset .form-col-1-2,
	fieldset .col-1-2 {
		width: 330px;
		margin-right: 20px;
	}

		fieldset .form-col-1-2 p {
			margin-bottom: 0;
		}

	/* 6.32 timeline*/
	.timeline-ctrl-next {
		margin-left: 0;
	}

	.timeline.timeline-approval .timeline-main {
		margin: 0 30px;
	}

	.banner-gray,
	.banner-blue,
	.banner-white {
		margin-left: -15px;
		margin-right: -15px;
	}

	.banner-blue,
	.banner-gray,
	h2.banner-gray,
	h3.banner-gray,
	h4.banner-gray {
		padding-left: 15px;
		padding-right: 15px;
	}

	/* Tunnel */
	.tunnel-in {
		padding-left: 0;
		padding-right: 33px;
	}

	.tunnel-3-steps .tunnel-in {
		padding-left: 20px;
		padding-right: 54px;
	}

	.tunnel-4-steps .tunnel-in {
		padding-right: 50px;
	}

	.tunnel-5-steps .tunnel-in {
		padding-left: 0;
		padding-right: 56px;
	}

	.tunnel-6-steps .tunnel-in {
		padding-right: 32px;
	}

	.tunnel .first {
		padding-left: 20px;
	}

	.tunnel-4-steps .last,
	.tunnel-3-steps .last {
		padding-right: 38px;
	}

	.tunnel-5-steps .first,
	.tunnel-6-steps .first {
		padding-left: 8px;
	}

	.tunnel-5-steps .last,
	.tunnel-5-steps .last-current,
	.tunnel-6-steps .last,
	.tunnel-6-steps .last-current {
		padding-right: 8px;
	}

	.tunnel-5-steps .num-tunnel {
		left: 5px;
	}

	.tunnel-6-steps .num-tunnel {
		left: 5px;
	}

	.tunnel-6-steps .first .num-tunnel {
		left: 5px;
	}

	.tunnel-5-steps .first .num-tunnel {
		left: 8px;
	}

	.tunnel-3-steps .tunnel-in .num-tunnel,
	.tunnel-4-steps .tunnel-in .num-tunnel {
		left: 20px;
	}

	.tunnel-in .txt-tunnel {
		margin-left: 45px;
		padding-left: 7px;
	}

	.tunnel-3-steps .tunnel-in .txt-tunnel {
		margin-left: 25px;
		padding-left: 10px;
	}

	.tunnel-5-steps .tunnel-in .txt-tunnel {
		margin-left: 30px;
		width: auto;
	}

	.tunnel-6-steps .tunnel-in .txt-tunnel {
		margin-left: 25px;
		width: auto;
	}

	.tunnel-5-steps .first .txt-tunnel {
		margin-left: 25px;
	}

	.tunnel-6-steps .first .txt-tunnel {
		margin-left: 16px;
	}


	/* slide containers */
	.slide-containers-selector {
		width: 706px;
		padding-left: 15px;
	}

	.slide-container-prev {
		left: -15px;
	}

	.slide-container-next {
		right: -15px;
	}

	.slide-container-prev,
	.slide-container-next {
		padding: 8px 5px;
		top: 43px;
		border: 1px solid;
	}

	.slide-container-prev {
		border-width: 1px 1px 1px 0;
	}

	.slide-container-next {
		border-width: 1px 0 1px 1px;
	}

		.slide-container-prev .icon, .slide-container-next .icon {
			margin-bottom: 0;
		}

	.slide-container-prev .icon {
		margin-left: -8px;
		margin-right: 18px;
	}

	.slide-container-next .icon {
		margin-left: 0;
		margin-right: 10px;
	}


	/* create New Account */
	#div-new-account input[type="text"],
	#div-new-account select {
		width: 190px;
	}

	.diag-total {
		position: static;
		float: right;
		position: relative;
		top: -20px;
	}

	/* 6b.05 quote-table and type of container under image of container */
	.quote-table .legend-container {
		margin-top: -17px;
	}

	.partner-choice li.partner .caption {
		left: 58px;
	}

	.tabs-solutions {
		margin: 0 -15px;
	}

	/* RQM 28709 Suppressing class .reg-carrier-choice-first from CSS and HTML with "sel+sel {not first one} sel {first one}" trick */
	.reg-carrier-choice + .reg-carrier-choice {
		margin-left: 20px;
	}

	.reg-carrier-choice-item {
		width: 227px;
	}

	.reg-carrier-contains-4 .reg-carrier-choice-item {
		width: 165px;
	}

	/* RQM 28709 9b.03 buttons: no horiz. padding but fullwidth */
	.package-table button {
		width: 126px; /* 131 - 2x3 */
		padding-left: 1px;
		padding-right: 1px;
	}

	.package-table .with-icon .icon {
		margin-right: 0;
	}
	/* ">" won't fit without custom CSS in 768 */
	.package-table thead .giant {
		position: absolute;
		top: 15px;
		right: -2px;
	}

	.package-overlay {
		width: 132px;
	}
		/* 768 overlay can go on 722px for a head line at 192px*/
		.package-overlay.po-col-4-4 { /* package 4th col on 4  */
			right: 1px;
		}

		.package-overlay.po-col-3-4 { /* package 3rd col on 4  */
			right: 133px;
		}

		.package-overlay.po-col-2-4 { /* package 2nd col on 4   */
			right: 265px;
		}

		.package-overlay.po-col-1-4 { /* package 1st col on 4   */
			right: 398px;
		}

		.package-overlay.po-col-3-3 { /* package 3rd col on 3  */
			right: 1px;
			width: 176px;
		}

		.package-overlay.po-col-2-3 { /* package 2nd col on 3   */
			right: 177px;
			width: 176px;
		}

		.package-overlay.po-col-1-3 { /* package 1st col on 3   */
			right: 354px;
			width: 176px;
		}

	.package-table.pt-caption-3col caption > span {
		width: 354px;
	}

	.k-grid + .table-legend {
		position: static;
		margin-bottom: 0;
	}

	.account-intro {
		width: 365px;
	}

	.col .account-intro {
		width: 265px;
		min-height: 182px;
		padding: 20px 15px !important;
	}

	/* 3 contexts for a video, examples are in pages 10.06, 10.10 and 20.05. See templates.css for defaults (no change needed in Corp, column stays at W=680px) */
	/* 10.06: tutorial with sidebar */
	.video-with-sidebar .video-player {
		width: 720px;
		height: 444px; /* OK {722 / 445 Fx. Also 721} {722 / 445 Chrome = 1px on right. 721 = 1px on bottom. 721/444 = 1px on left. 720/444 = OK} */
		float: none;
		margin-left: 0;
	}
	/* Page 10.10: tutorial without sidebar (full width) */
	.video-without-sidebar .video-player {
		height: 462px;
	}

	/* Terms and Conditions (page 9c.08 RQM 21296) */
	.terms {
		height: 580px;
		margin: 0; /* plus 15px 20px from parent .mod gives 15px 20px */
	}


	#tutorial-masonry .box {
		width: 237px;
	}

	/* ----------------------------- */
	/*   ==Corporate                 */
	/* ----------------------------- */
	.corp-main {
		width: auto;
	}

	.corp-has-banner {
		margin: 0;
		padding: 0;
		border-top: none;
	}

	/* Secondary navigation now on top (layout) */
	.corp-nav,
	.corp-nav-icons,
	.corp-layout6 .corp-nav-icons {
		position: relative;
		float: none;
		width: auto;
		margin: 23px 36px 19px;
		padding: 0;
		text-align: left;
	}

	.corp-has-banner .corp-nav,
	.corp-has-banner .corp-nav-icons {
		margin-top: 23px;
		margin-bottom: 25px;
	}
	/* see below for other styling of this secondary navigation */

	/* banner (layout 2 (not named like that) and 4) */
	.corp-banner {
		position: static;
		width: 768px;
		height: 270px;
		margin-left: -8px;
		background-size: cover;
		background-position: right top;
	}

	.corp-banner-image-2 {
		background-size: 105% auto;
	}

	.corp-layout4 .corp-banner {
		margin-top: 14px;
	}

	.corp-has-banner .corp-inner {
		position: relative;
		width: 720px;
		top: -60px;
		left: -8px;
		margin-left: 0;
		padding-left: 40px;
		margin-bottom: -60px;
	}

		.corp-has-banner .corp-inner h1 {
			border-top: 8px solid;
			margin: 0 0 0 -40px;
			padding-top: 19px;
			padding-bottom: 19px;
			padding-left: 40px;
		}

	.corp-has-banner .corp-content > h2 {
		margin-top: 15px;
	}

	.corp-layout4 .corp-inner h1 {
		padding-top: 25px;
		padding-bottom: 29px;
	}


	/* corp inner */
	.corp-inner,
	.corp-layout6 .corp-nav-icons + .corp-inner {
		width: 680px;
		margin-left: 36px;
	}

	.corp-layout3 .corp-inner,
	.corp-layout4 .corp-inner,
	.corp-layout5 .corp-inner,
	.corp-inner {
		float: none;
	}

	.corp-layout4 .corp-sidebar {
		margin-top: 40px;
	}

	.corp-layout5 .corp-inner {
		margin-left: 0;
	}

	.corp-layout5 .corp-inner {
		width: 680px;
		margin: auto;
	}

	.corp-layout6 .corp-inner {
		width: 680px;
		margin-top: 22px;
	}

	/* Secondary navigation on left */
	.corp-nav .title-like,
	.corp-nav-icons .title-like {
		border: 1px solid;
		padding: 5px;
		font-size: 1.364em;
		cursor: pointer;
	}

	.nav-items {
		padding: 0 !important;
	}

		.nav-items li {
			padding: 0 !important;
			border: 1px solid;
			border-width: 0 1px 1px;
			font-size: 0.929em;
		}

	.corp-nav .nav-items li li {
		border: 0;
	}

	.corp-nav .nav-items ul li + li {
		border-width: 1px 0 0;
		border-style: solid;
	}

	.corp-nav .nav-items ul {
		border-bottom: 0;
		padding: 0;
		margin: 0;
	}

	.nav-items .current li a {
		background: none;
	}

	.nav-items a {
		display: block;
		width: 100%;
		text-decoration: none;
		padding: 5px 10px !important;
	}

	.corp-nav li li a {
		font-size: 1em;
		padding: 5px 10px;
	}
	/* T&J - RTC 98807 - New navigation*/
	.corp-nav-icons .nav-items a {
		padding: 12px 10px 14px 60px !important;
	}

	.corp-nav-icons .nav-items li {
		border: 0 none;
	}

		.corp-nav-icons .nav-items li:first-child .nav-item-1 {
			border-top: 0 none;
		}

	.corp-nav > .bg-white {
		background: none !important;
	}

	.js .medium-jq-to-open {
		display: none;
	}

	.corp-layout3 .corp-inner {
		float: none;
	}

	.corp-sidebar {
		margin-left: 34px;
		margin-right: 38px;
		margin-top: 50px;
		float: none;
		width: auto;
		clear: both;
	}

		.corp-sidebar .outside-title {
			margin-top: 50px;
		}


	/* ==Bottom/right menu */
	.corp-aside {
		margin-left: 30px;
	}

	.corp-sb-mag-cover p { /* magazine module @ corp-sidebar */
		width: 180px;
		margin-left: auto;
		margin-right: auto;
	}

		.corp-sb-mag-cover p.mt1 {
			margin-top: 0 !important;
		}

	/* pagination */
	.corp-pagination [class^=PagedList-skip] {
		position: absolute;
		top: 0;
		margin: 0;
	}

	.corp-pagination .PagedList-skipToFirst {
		left: 0;
	}

	.corp-pagination .PagedList-skipToPrevious {
		left: 2.25em;
	}

	.corp-pagination .PagedList-skipToLast {
		right: 0;
	}

	.corp-pagination .PagedList-skipToNext {
		right: 2.25em;
	}

	.corp-pagination .icon {
		font-size: 13px;
	}

	.corp-pagination .PagedList-ellipses + li,
	.corp-pagination [class^="PagedList-skip"] + li {
		margin-left: 0;
	}

	.corp-history .mod {
		padding: 20px 30px !important; /* to override ".mod" from 768.css */
	}

	.corp-agenda {
		margin-top: 45px;
	}

	/* @NOTE Removed because of defect RQM 20859. Width should stay at 545px.
	.corp-specifications .content {
		width: 549px;
	}
 */
	.corp-sb-news-cat li {
		display: inline-block;
		width: 30%;
	}

	.corp-sb-news-years li {
		width: auto;
	}

	.bg-triple,
	[class*=bg-triple] {
		background: none;
	}

		.bg-triple > p,
		.bg-triple > div {
			max-width: 10000px;
		}

	/* 11.01 */
	.corp-country-list {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}

		.corp-country-list.is-columnized {
			-webkit-column-count: initial;
			-moz-column-count: initial;
			column-count: initial;
		}

	.corp-sb-connect-biz .corp-list {
		margin-top: 10px;
	}

		.corp-sb-connect-biz .corp-list li {
			display: inline-block;
			width: 49%;
			margin-top: 10px;
		}

	/* ==HOMEPAGE */
	.front {
		padding: 0;
	}

		.front.cma .corp-content {
			width: 768px; /* centered with margin: auto, we need to apply margin: 0 8px on child (below) */
		}

		.front.cma #footer {
			margin-top: 40px;
		}

	/* SLIDESHOW */
	/* Insert of slide with overlay: generic and default styles */
	.hp-slideshow .hpsl-insert {
		/* @NOTE -338 = -768/2 + 46 where 1664 = 1680-16px of scrollbar (was -1008/2 + 46 in resolution 1024) */
		margin-left: -338px;
	}
	/* No more than 2 lines of description visible (twice the line-height = 3.08) */
	.hp-slideshow .hpsl-content p {
		max-height: 3.08em;
	}

	/* Pagination: vertical margin of 40px */
	.hp-slideshow .hp-slide-pg {
		margin-bottom: 7px; /* 50px between pagination of slideshow and first h2 */
	}

	/* No clear anymore on 1, 4, 7, 10, etc but instead on odd blocks (all of them are 1 column wide in 768, we can't use .hp-totNNN here) */
	.hp-unit {
		clear: none;
	}
	/* Widths */
	.hp-unit {
		width: 384px;
		margin: 0;
	}

	.hp-3-3 {
		height: auto; /* overrides 305px from resolution 1024 */
	}
	/* Width (768) is {(8 + 20) + 336 + 20} + {20 + 336 + (20 + 8)} */
	.hp-1-3:nth-child(odd) {
		padding: 40px 20px 40px 28px;
	}

	.hp-1-3:nth-child(even) {
		padding: 40px 28px 40px 20px;
	}
	/* Row (3 column wide). Was displayed as a table in 1024, now uses flexbox in IE10+ in order to have this behavior: http://codepen.io/anon/pen/KwJood?editors=110 */
	/* Tool used: Autoprefixer in online playground from "Pleeease" with following compatibility (flexbox is IE10+ but string may help elsewhere later so IE >= 8 is configured)
		"IE >= 8, Chrome >=31, Firefox >=31, Firefox ESR, Safari >=7, ios_saf >= 7, Android >= 4" */
	.hp-wrapper {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex; /* W3C */
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap; /* W3C */
		/* justify-content: space-between; Not needed as there's no free space left */
	}

	.hp-unit {
		float: none; /* May be unnecessary */
		width: 380px;
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex; /* W3C / cr�e un contexte flex inline pour chaque bloc */
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column; /* W3C */
	}

	.hp-3-3 {
		overflow: hidden;
		direction: ltr; /* overrides "rtl" trick on .hp-row-right variation */
	}
		/* In 1024, negative m-t allows two consecutive RowType to have no margin between them. Must cancel that */
		.hp-3-3 + .hp-3-3 {
			margin-top: 0;
		}
	/* Content */
	.hp-1-3 h2 {
		margin-bottom: 0; /* 30px below h2 according to XLS, not 40px as in PSD */
	}
	/* eBusiness: *very* particular CSS in 768 becaue of inherited flexbox behaviour */
	.hp-ebusiness {
		flex-flow: row wrap;
	}

	.front .hp-ebusiness img.right {
		order: 2;
		width: 97px;
		height: 96px; /* Necessary because all img have height: auto and there's no way to set back the value of the height attribute (that'd be compatible with IE8 so :not() isn't a solution) */
		margin-top: 2em; /* 22px */
	}

	.hp-ebusiness p {
		order: 1;
		width: 224px;
	}

	.hp-ebusiness .hp-btn-group {
		order: 2;
		width: auto;
	}
	/* Type Img Block and its Video variation */
	.hp-u-bgimg.hp-u-bgimg {
		flex-direction: column-reverse; /* content is aligned at the bottom of block, as in 1024 */
		/* @NOTE In 1024 there's a margin left and right of 1px, already overridden by .hp-unit rule above so we are done here */
		padding: 0; /* padding already on *-content */
	}
	/* Type Magazine cover (Text + Img float): .hp-u-mag-cover */
	/* As in eBusiness block, using flexbox w/ wrap (and a container) */
	.hp-u-mag {
		-ms-flex-direction: row; /* IE10 */
		-ms-flex-wrap: wrap;
		flex-flow: row wrap;
	}

		.hp-u-mag h2 {
			margin-bottom: 32px;
		}
	/* @BUGFIX Chrome (via hack specific to Chrome) (without this bugfix Fx is OK and doesn't stretch it. IE11 do stretch because of the bugfix...) */
	@media (-webkit-min-device-pixel-ratio: 0) {
		.hp-u-mag img {
			height: 100%;
		}
	}

	.hp-u-mag-title {
		width: 180px;
	}

	.hp-u-mag p:first-of-type {
		margin-top: 0;
	}
	/* @BUGFIX for IE10 */
	.hp-u-mag p {
		width: 100%;
	}

	/* Display of a RowType: completely different from 1024 */
	.hp-3-3 .hp-row-content {
		display: block; /* IE fix */
		width: auto;
		padding: 0 20px 40px 28px; /* L/R aligns with .hp-1-3 (if in column 1/left); see below for blocks in column 2 (right). 0 on top because h2 already has 30px and from line-height ~10px */
	}

	.hp-3-3:nth-child(even) .hp-row-content {
		padding-left: 20px;
		padding-right: 28px;
	}

	.hp-3-3 .hp-row-bg {
		flex: 1;
		position: relative;
		display: block;
		min-height: 384px; /* When content is taller than usual, this is the minimal height of the image */
		height: auto;
		text-align: center;
	}

	.hp-row-bg .hp-row-bg-wrapper {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	/* Image with margin (or padding) */
	.hp-row-imgmargin .hp-row-bg {
		padding: 0;
	}

	/* RowType */
	.hp-3-3 .hp-row-content h2 {
		margin-bottom: 15px; /* 30px between h2 and p (taken as reference: XLS, not PSD) */
	}


	#ajax-messages {
		margin-right: -376px;
	}

		#ajax-messages .msg span {
			max-width: 650px;
		}

	#lang {
	}

	/*==KENDO */
	.k-datepicker {
		width: auto;
	}
	/* popup */
	.k-window.k-window {
		max-width: 752px;
		width: 80%; /* ALSA popup Added in 1024+ because Kendo2014 doesn't set width, left or right anymore */
		left: 10%;
		right: 10%;
	}
	/* pager */
	.k-pager-wrap .k-pager-nav { /* retours Kendo par Tiger - 32659 - 21.10.2015 */
		display: inline !important;
	}

	/* ==DASHBOARD */
	.dashboard {
		width: 237px;
		margin-bottom: 20px;
	}

	.no-js .dashboard {
		margin-left: 20px;
	}

	.db-header-title span {
		max-width: 115px;
	}

	.db-table-fav,
	.db-table .fav {
		width: 36px;
	}

	.dashboard-wrapper {
		margin-left: 20px;
		width: 237px;
	}

	/* shipment table (4 columns) */
	.db-shipment-table-voyage {
		width: 64px
	}

	.db-shipment-table-vessel {
		width: 80px
	}

	.db-shipment-table-sl {
		width: 49px
	}

	/* Schedule table (4 columns incl. 2 icons) */
	.db-schedule-ref {
		width: 73px
	}

	.db-schedule-label {
		width: 78px
	}

	/* Table with 3 columns (1 icon on left) */
	.db-3col-ref {
		width: 75px
	}

	.db-3col-label {
		width: 112px
	}

	.db-filter-item {
		width: 213px;
	}

		.db-filter-item,
		.db-filter-item:nth-child(4n+1) { /* More specificity than .db-filter-item and we want to override what was defined in 1024 */
			margin-left: 12px;
		}

			.db-filter-item:nth-child(3n+1) {
				margin-left: 0;
			}
	/* RQM 30256 - DSH - Prb alignement Tuile dans le header / 663px = 3*213 + 2*12 */


	.context-navigation.full {
		margin-left: -15px;
		margin-right: -15px;
	}

	/* 18b.07 RQM 21648 */
	.si-bl-editing input {
		width: 85%;
	}

	.highlight-square {
		display: table; /* Displays it above title, while keeping a width different than 100% */
		width: auto;
	}

	.mod-add-parties {
		width: 100%;
	}

		.mod-add-parties .content {
			width: 542px;
		}

	/* 18b.08 Tabs (not using Kendo Tabstrip) */
	/* @BUGFIX RQM 25558 Scrollbar when many containers
	.si-tabs {
		width: 158px;
	}*/
	/* RQM 29250 - INS Step 4 : comportement du Scroll sous IE8
		See 08-templates.css for explanations */
	#jq-tabstrip > .left + .item {
		margin-left: 158px;
	}

	/* 18b.03 SI Step 6 - RQM 17377 */
	.si-recap {
		left: 135px; /* left padding 15px + width of absolutely positioned caption 120px */
		width: 602px; /* 752px - 2x15 - 120 (caption) */
	}

		.si-recap .itemsvert-table caption {
			left: -120px;
			width: 110px; /* let's keep a margin between caption and rest of table. Cut as in PSD, roughly (Marks &(CR)Descriptions) */
		}
	/* Default would be width: auto for any .w600p / RQM 29962 - INS: ALSA nouvelle modelisation Step 6 volume shifting */
	.itemsvert-table.w600p {
		width: 600px;
	}

	/* Banner-gray (and other colors?) and its icons on right. Changes in late RQM 21296 */
	.banner-gray.has-banner-bkg-small,
	.banner-gray.has-banner-bkg-small.has-banner-edit {
		padding-left: 15px;
	}

	.banner-bkg-small-hdg {
		padding-right: 9px; /* 13px (15px in PSD) with whitespace */
	}
	/* Gap between container icon and Type (darker bg) */
	.banner-bkg-small-qty .icon {
		margin-right: -5px;
	}
	/* View mode (bold with checkbox)  inbl ml1 mr0 */
	.banner-bkg-shipper-view {
		margin: 0 -10px 0 0;
	}
	/* Edit mode (with checkbox) */
	.banner-bkg-shipper {
		margin: 0 -4px 0 -2px;
	}

	.banner-gray-weight-view {
		margin-left: -5px;
	}

	.banner-gray-weight {
		margin-left: -4px;
	}
		/* Narrower horizontal margin between select and help icon */
		.banner-gray-weight .help {
			margin-left: -2px;
		}
	/* Narrower margin for vertical separator between labels in Edit mode. 9 instead of 11px (already has an even narrower margin on right, see below) */
	.has-banner-bkg-small.has-banner-edit > .border-separate {
		margin: 0 9px 0 9px;
	}
	/* Wrapper now has a class .banner-characs and each resolution has a few different styles from other resolutions */
	.banner-characs {
		margin-right: -19px; /* expected: 20px gap between last icon (or green check) and right border of banner */
	}

		.banner-characs .check.smaller {
			margin-right: 2px; /* instead of 4px */
		}

		.banner-characs .links-blue1 + .check.smaller {
			margin-left: -3px;
		}
		/* Vertical separator between icons on right of .banner-(color) are 19px tall, not 16 */
		.banner-characs .border-separate {
			margin: -2px 3px 0 -2px; /* Result: 10px of gap */
		}

		.banner-characs .check.smaller + .border-separate {
			margin-left: 2px;
		}

	/* Booking Step 6 (7.21) - Recap & Submit (RQM 17377) */
	.banner-bkg-recap {
		padding: 20px 15px 10px 15px; /* bottom: resulting padding is 20px */
	}

		/* deconstructing tables in header */
		.banner-bkg-recap .itemsvert-table {
			position: relative;
			top: -4px;
			vertical-align: top;
		}

			.banner-bkg-recap .itemsvert-table th {
				display: none;
			}

			.banner-bkg-recap .itemsvert-table td:before {
				content: attr(data-header);
				display: inline-block;
				margin-right: 15px;
				font-weight: normal;
			}

			.banner-bkg-recap .itemsvert-table td {
				display: block;
				margin: 0 0 2px 0;
			}

	/* Booking Save and Submit - seen at bottom of 7.21 (RQM 17377) */
	/* Warning occupies its own line */
	.bkg-save-msg {
		display: block;
		clear: both;
		width: auto;
		margin: 0 0 -3px 0;
		padding: 13px 0 0 0;
	}
		/* Bold title on 1 line instead of 2 in 1024+ */
		.bkg-save-msg br {
			display: none;
		}

	/* Message between tunnel and content for SI (and booking) with an icon on left - RQM 17377 */
	.msg-withicon {
		padding-right: 90px;
	}

	/* Messages and Message subscriptions pages 14.02 and 14.03 RQM 32737 and 32738 */
	.message-wrapper {
		border-right-width: 0;
	}

	/* Filter 14.03 RQM 32737 */
	.filter-list > li {
		float: left;
		margin-right: 20px;
		padding-top: 0;
	}
	/* "By category" sublist should be displayed on 2 columns (compatibility IE10+)
		Also used in 14.02 (below) in 1st sublist */
	.medium-filter-list-has2col {
		width: 40%;
	}

		.medium-filter-list-has2col ul {
			-webkit-columns: 2;
			-moz-columns: 2;
			columns: 2;
			padding-bottom: 0;
		}
	/* Filter 14.02 RQM 32738 */
	/* "By category" sublist should be displayed on 3 columns (compatibility IE10+) */
	.medium-filter-list-has3col {
		width: 60%;
	}

		.medium-filter-list-has3col ul {
			-webkit-columns: 3;
			-moz-columns: 3;
			columns: 3;
		}

	.filter-msg h3 {
		border-top: none;
		margin-top: 0;
	}

	.filter-msg .filter-list > li > ul:first-child {
		margin-top: 35px;
	}

	.filter-msg .medium-filter-list-has2col {
		width: 33%; /* instead of 40% in 14.03. "Since last connexion (0)" occupies 2 lines but it's better than other variations of widths */
	}

	/* Control Totals (SI Step 4) - 4 (icon+value+unit) on a darker gray background / RQM 30368 - INS - Add Control Totals to SI Step 4 */
	/* Variation for 18b.09 (handsome table) */
	.ctrltotals.ctrltotals-modetable {
		width: 100%; /* not auto, it has display: table */
		margin-left: 0;
	}
	/* Variation for 18b.08 (mode form) */
	.ctrltotals-modeform .ctrltotals-title {
		width: 15%; /* not wide enough so title goes on 2 lines */
		white-space: normal; /* allows title to now occupy 2 lines */
	}

	.ctrltotals-modeform .ctrltotals-text {
		display: block;
		margin-top: 6px;
	}

	.ctrltotals-modeform .ctrltotals-value {
		padding-left: 0;
	}
	/* Variation for 18b.03 (SI Step 6) */
	.ctrltotals.ctrltotals-big {
		padding-right: 20px;
	}

	.big-tooltip {
		padding-bottom: 20px;
	}

	.big-tooltip-inner .doc-details-columns,
	.big-tooltip-inner .doc-details-consult {
		width: 727px;
	}

	.big-tooltip-inner .doc-details-114 .doc-details-columns,
	.big-tooltip-inner .doc-details-114 .doc-details-consult {
		width: 703px;
	}

	.big-tooltip-inner {
		margin: 20px 10px 0;
	}

		.big-tooltip-inner .doc-details-columns span {
			font-size: 8px;
		}

		.big-tooltip-inner .doc-details-consult {
			font-size: 10px;
		}

	/* T&J - RTC 88211 */
	.tl-doc-item {
		width: 157px;
	}

		.tl-doc-item + .tl-doc-item {
			margin-left: 8px;
		}

	.tl-doc_docsonline .tl-doc-item + .tl-doc-item {
		margin-left: 30px;
	}

	/* New design/page (?) manage Messages subscriptions (14.07) (RTC 104968) */
	.subnew--item {
		padding: 20px 20px;
	}

	/* ------ */
	/* summary blocks for online documentation in 08-templates */
	/* - layout */
	.summary-zone-1,
	.summary-zone-2,
	.summary-zone-3 {
		display: table-cell;
		vertical-align: top;
	}

	.summary-zone-2 {
		padding: 0 20px 0 20px;
	}

	.summary-zone-3 {
		padding: 0 0 0 20px;
		border-left: 1px solid;
	}

	.summary-zone-3-1,
	.summary-zone-3-2 {
		display: block;
		padding: 0;
		border-left: 0;
	}

		.summary-zone-3-1 + .summary-zone-3-2 {
			margin-top: 20px;
		}

	.lightbox--illus img {
		max-width: 100vw;
		max-height: 100vh;
	}

	/* Invoices payment */
	.invoice-payment {
		position: relative;
		bottom: auto;
		left: auto;
		right: auto;
		z-index: auto;
		background-color: #fff;
	}

		.invoice-payment .col,
		.invoice-payment .col:first-child,
		.invoice-payment .col:last-child {
			width: auto;
			padding-right: 0;
			padding-left: 0;
		}

		.invoice-payment .col {
			text-align: center;
		}

			.invoice-payment .col + .col {
				margin-top: 30px;
				padding-top: 30px;
			}

				.invoice-payment .col + .col:before {
					left: 50%;
					width: 90px;
					height: 1px;
					top: 0;
					margin-left: -45px;
				}

	.invoice-payment--spacer {
		display: none !important;
	}

	/* New insurance pages */
	.insurance--tabs.is-fiveentries {
		width: 100%;
		width: calc(100% + 15px * 2);
		margin: 0 auto;
		margin: 0 calc(0% - 15px);
		border-spacing: 15px 0;
	}
}
/* /end MQ 768px */

/* quick smartphone reset */
@media screen and (max-width: 767px) {

	/* .medium-hidden { display: block !important; } */ /* overrides medium CSS */
	.small-hidden {
		display: none !important;
	}

	.small-visible {
		display: block !important;
	}

	table.small-visible {
		display: table !important;
	}

	.small-visually-hidden {
		position: absolute;
		left: -7000px;
		text-indent: -7000px;
		overflow: hidden;
	}

	.small-invisible {
		visibility: hidden;
	}

	.icon.small-visible {
		display: inline-block !important;
	}

	.small-nowrap {
		white-space: nowrap;
	}

	.small-wrap {
		white-space: normal;
	}

	h1, .h1-like {
		font-size: 1.818em; /* 20px from 11 */
		line-height: 1.5;
	}

	h2, .h2-like {
		margin-top: 20px !important;
	}

		h2:first-child, .h2-like:first-child {
			margin-top: 0 !important;
		}

	.small-vam {
		vertical-align: middle;
	}

	/* fonts.............. */
	.small-big14 {
		font-size: 1.273em; /* equiv 14px from 11px */
		line-height: 1.1667;
	}

	.small-smallest {
		font-size: 0.909em !important;
		; /* equiv 10px */
	}

	.small-smaller {
		font-size: 1em !important; /* equiv 11px */
	}

	.small-small {
		font-size: 1.091em; /* equiv 12px */
	}

	.icon.small-huge {
		font-size: 30px;
		width: auto;
	}

	.icon.small-icon-40 {
		font-size: 40px;
		width: auto;
	}

	.small-no-float {
		float: none !important;
	}

	.small-block {
		display: block !important;
		float: none;
		width: 100% !important;
		clear: both;
	}

	.small-inbl {
		display: inline-block;
		float: none;
		vertical-align: top;
	}

	.small-inbl-i {
		display: inline-block !important;
	}

	.small-inline {
		display: inline;
	}

	.small-inline-i {
		display: inline !important;
	}

	.small-noclear {
		clear: none !important;
	}

	.small-ov-visible {
		overflow: visible;
	}

	.small-txtright {
		text-align: right !important;
	}

	label.small-txtright {
		display: inline-block; /* Will take into account a width like .small-wNNNp */
		margin-right: 10px;
	}

	.small-txtleft {
		text-align: left !important;
	}

	label.small-txtleft {
		display: inline; /* If we want a label aligned on left, it means it was aligned with .txtright and thus had a width and display: inline-block; was applied automatically. We now want a label close to its form element */
		margin-right: 10px;
	}

	label.small-inbl {
		display: inline-block;
		vertical-align: middle; /* (...) but in seldom occasions (2 lines where input/select are aligned on right but labels not text-aligned on right as in 7.08), we want a width to be applied with the correct vertical-align for form elements. v-a:top on label ruins everything */
	}

	.small-txtcenter {
		text-align: center !important;
	}

	.small-left, .col.small-left {
		float: left;
		width: auto;
	}

	.col.small-left {
		padding-right: 0 !important;
	}

		.col.small-left.bd-right:not(.small-bdn) {
			border-right: 1px solid;
		}

	.small-right {
		float: right;
	}

	.small-bd-right {
		border-right: 1px solid;
	}

	.small-bd-left {
		border-left: 1px solid;
	}

	.small-bd-top,
	.small-bt1 {
		border-top: 1px solid !important;
		margin-top: 13px !important; /* to override .h2-like */
		padding-top: 11px;
	}

	.small-bd-top-3-pink {
		border-top: 3px solid !important;
	}

	.small-bd-bottom {
		border-bottom-style: solid !important;
		border-bottom-width: 1px !important;
	}

	.small-bdn, .small-bd-none {
		border: 0 !important;
	}

	.small-h205p {
		height: 205px;
	}
	/* slideshow @ carrier home */
	.small-h230p {
		height: 230px;
	}

	.small-h290p {
		height: 290px;
	}

	.small-hauto {
		height: auto;
	}

	.small-mhnone {
		min-height: 0;
	}

	.carrier #navigation {
		border-bottom: none !important;
	}

	.w30,
	.w33,
	.w40,
	.w50,
	.w300p,
	.w400p,
	.w500p,
	.small-wauto,
	.medium-w430p, /* overrides medium CSS */
	.medium-w250p /* overrides medium CSS */ {
		width: auto !important;
	}

	select.w300p {
		width: 300px !important;
	}
	/* to override .w300p { width: auto; } */

	/* Width */
	.small-w30p {
		width: 30px !important;
	}

	.small-w40p {
		width: 40px;
	}

	.small-w45p {
		width: 45px;
	}

	.small-w45pi {
		width: 45px !important;
	}

	.small-w50p {
		width: 50px;
	}

	.small-w60p {
		width: 60px;
	}

	.small-w65p {
		width: 65px;
	}

	.small-w70p {
		width: 70px;
	}

	.small-w75p {
		width: 75px;
	}

	.small-w80p {
		width: 80px;
	}

	.small-w90p {
		width: 90px;
	}

	.small-w95p {
		width: 95px;
	}

	.small-w100p {
		width: 100px !important;
	}

	.small-w101p {
		width: 101px;
	}

	.small-w105p {
		width: 105px !important;
	}

	.small-w110p {
		width: 110px;
	}

	.small-w1150p {
		width: 115px;
	}

	.small-w120p {
		width: 120px !important;
	}

	.small-w130p {
		width: 130px;
	}

	.small-w150p {
		width: 150px !important;
	}

	.small-w155p {
		width: 155px;
	}

	.small-w140p {
		width: 140px;
	}

	.small-w160p {
		width: 160px;
	}

	.small-w165p {
		width: 165px;
	}

	.small-w170p {
		width: 170px !important;
	}

	.small-w180p {
		width: 180px;
	}

	.small-w190p {
		width: 190px;
	}

	.small-w195p {
		width: 195px;
	}

	.small-w200p {
		width: 200px !important;
	}

	.small-w210p {
		width: 210px;
	}

	.small-w220p {
		width: 220px !important;
	}

	.small-w225p {
		width: 225px;
	}

	.small-w227p {
		width: 227px !important;
	}

	.small-w230p {
		width: 230px;
	}

	.small-w230pi {
		width: 230px !important;
	}

	.small-w236p {
		width: 236px;
	}

	.small-w240p {
		width: 240px;
	}

	.small-w240pi {
		width: 240px !important;
	}

	.small-w250p {
		width: 250px;
	}

	.small-w260p {
		width: 260px;
	}

	.small-w260pi {
		width: 260px !important;
	}

	.small-w270p {
		width: 270px;
	}

	.small-w270pi {
		width: 270px !important;
	}

	.small-w280p {
		width: 280px !important;
	}

	.small-w290p {
		width: 290px;
	}

	.small-w300p {
		width: 300px !important;
	}

	.small-w310p, select.small-w310p {
		width: 310px !important;
	}
	/* @NOTE Second part of selector with select is because of select.w300p above, for page 8.09 */
	.small-w320p {
		width: 320px !important;
	}

	.small-w330p {
		width: 330px;
	}

	.small-w340p {
		width: 340px;
	}

	.small-w350p {
		width: 350px;
	}

	.small-w360p {
		width: 360px;
	}

	.small-w370p {
		width: 370px;
	}

	.small-w380p {
		width: 380px;
	}

	.small-w395p {
		width: 395px;
	}

	.small-w400p {
		width: 400px;
	}

	.small-w430p {
		width: 430px;
	}

	.small-w15 {
		width: 15%;
	}

	.small-w20 {
		width: 20%;
	}

	.small-w25 {
		width: 25%;
	}

	.small-w30 {
		width: 30% !important;
	}

	.small-w35 {
		width: 35%;
	}

	.small-w40 {
		width: 40% !important;
	}

	.small-w45 {
		width: 45%;
	}

	.small-w50, .col.small-w50 {
		width: 50% !important;
	}

	.small-w55 {
		width: 55%;
	}

	.small-w60 {
		width: 60%;
	}

	.small-w65 {
		width: 63.5%;
	}

	.small-w70 {
		width: 70%;
	}

	.small-w75 {
		width: 75% !important;
	}

	.small-w80 {
		width: 80% !important;
	}

	.small-w90 {
		width: 90%;
	}

	.small-w90i {
		width: 90% !important;
	}

	.small-w100 {
		width: 100% !important;
	}

	.small-h60p {
		height: 60px;
	}

	.small-h168p {
		height: 168px;
	}
	/* for the home only (slideshow) */
	.small-h212p {
		height: 212px;
	}
	/* for the home only (slideshow) */


	.items-table.small-wauto {
		width: auto !important;
	}

	.items-table.small-w100 {
		width: 100% !important;
	}

	.items-table.w25.small-w100 {
		width: 100% !important;
		display: table !important;
	}

	.small-w45,
	.items-table.w35.small-w45 {
		width: 45% !important;
	}

	.items-table.mr8:not([class*="medium-mr"]).small-mr0 {
		margin-right: 0 !important;
	}

	a.a-tooltip:hover span.small-west, a.a-tooltip:focus span.small-west {
		top: -16px;
		right: 20px;
	}

		a.a-tooltip:hover span.small-west::before,
		a.a-tooltip:focus span.small-west::before {
			content: " ";
			position: absolute;
			top: 13px;
			right: -4px;
			width: 0;
			height: 0;
			border-top: 5px solid; /* transparent;*/
			border-bottom: 5px solid; /* transparent;*/
			border-left: 5px solid;
		}


	.small-h190p {
		height: 190px;
	}

	/* margin, padding */
	.small-ma0 {
		margin: 0 !important;
	}

	.small-ma2 {
		margin: 20px !important;
	}

	.small-mt0 {
		margin-top: 0 !important;
	}

	.small-mt0-3 {
		margin-top: 3px !important;
	}

	.small-mt0-5 {
		margin-top: 5px !important;
	}

	.small-mt1 {
		margin-top: 10px !important;
	}

	.small-mt1-2 {
		margin-top: 12px !important;
	}

	.small-mt1-5 {
		margin-top: 15px !important;
	}

	.small-mt2,
	.small-mt2:first-child {
		margin-top: 20px !important;
	}

	.small-mt2-5 {
		margin-top: 25px !important;
	}

	.small-mt3 {
		margin-top: 30px !important;
	}

	.small-mt4 {
		margin-top: 40px !important;
	}

	.small-mt6 {
		margin-top: 60px !important;
	}

	.small-mr0,
	.items-table.mr10.small-mr0 {
		margin-right: 0 !important;
	}

	.small-mr0-1 {
		margin-right: 1px !important;
	}

	.small-mr0-2 {
		margin-right: 2px !important;
	}

	.small-mr0-3 {
		margin-right: 3px !important;
	}

	.small-mr0-4 {
		margin-right: 4px !important;
	}

	.small-mr0-5 {
		margin-right: 5px !important;
	}

	.small-mr0-8 {
		margin-right: 8px !important;
	}

	.small-mr1 {
		margin-right: 10px !important;
	}

	.small-mr1-5 {
		margin-right: 15px !important;
	}

	.small-mr1-8 {
		margin-right: 18px !important;
	}

	.small-mr2 {
		margin-right: 20px !important;
	}

	.small-mr3 {
		margin-right: 30px !important;
	}

	.small-mr11 {
		margin-right: 110px !important;
	}

	.small-mb0 {
		margin-bottom: 0 !important;
	}

	.small-mb0-5 {
		margin-bottom: 5px !important;
	}

	.small-mb1 {
		margin-bottom: 10px !important;
	}

	.small-mb1-2 {
		margin-bottom: 12px !important;
	}

	.small-mb1-5 {
		margin-bottom: 15px !important;
	}

	.small-mb2 {
		margin-bottom: 20px !important;
	}

	.small-mb3 {
		margin-bottom: 30px !important;
	}

	.small-mb3-5 {
		margin-bottom: 35px !important;
	}

	.small-mb5 {
		margin-bottom: 50px !important;
	}

	.small-ml0 {
		margin-left: 0 !important;
	}

	.small-ml0-1 {
		margin-left: 1px !important;
	}

	.small-ml0-5 {
		margin-left: 5px !important;
	}

	.small-ml1 {
		margin-left: 10px !important;
	}

	.small-ml1-5 {
		margin-left: 15px;
	}

	.small-ml2 {
		margin-left: 20px !important;
	}

	.small-ml2-5 {
		margin-left: 25px !important;
	}

	.small-ml3 {
		margin-left: 30px !important;
	}

	.small-ml3-5 {
		margin-left: 35px;
	}

	.small-ml4 {
		margin-left: 40px !important;
	}

	.small-ml7 {
		margin-left: 70px !important;
	}

	.small-ml8 {
		margin-left: 80px !important;
	}

	.small-ml85 {
		margin-left: 85px !important;
	}

	.small-ml12 {
		margin-left: 120px !important;
	}

	.small-ml15 {
		margin-left: 150px !important;
	}


	.small-pa0 {
		padding: 0 !important;
	}

	.small-pa1 {
		padding: 10px !important;
	}

	.small-pa1-5 {
		padding: 15px !important;
	}

	.small-pa2 {
		padding: 20px !important;
	}

	.small-pt0 {
		padding-top: 0 !important;
	}

	.small-pt0-4 {
		padding-top: 4px !important;
	}

	.small-pt0-5 {
		padding-top: 5px !important;
	}

	.small-pt1 {
		padding-top: 10px !important;
	}

	.small-pt1-5 {
		padding-top: 15px !important;
	}

	.small-pt3 {
		padding-top: 30px !important;
	}

	.small-pr0 {
		padding-right: 0 !important;
	}

	.small-pr1 {
		padding-right: 10px !important;
	}

	.small-pr1-5 {
		padding-right: 15px !important;
	}

	.small-pr3 {
		padding-right: 30px !important;
	}

	.small-pb0 {
		padding-bottom: 0 !important;
	}

	.small-pb0-3 {
		padding-bottom: 3px !important;
	}

	.small-pb1 {
		padding-bottom: 10px !important;
	}

	.small-pb2 {
		padding-bottom: 20px !important;
	}

	.small-pl0 {
		padding-left: 0 !important;
	}

	.small-pl1 {
		padding-left: 10px !important;
	}

	.small-pl1-5 {
		padding-left: 15px !important;
	}

	.small-pl2 {
		padding-left: 20px !important;
	}

	.small-pl3 {
		padding-left: 30px !important;
	}

	.small-pl4 {
		padding-left: 40px !important;
	}

	.small-pl7 {
		padding-left: 70px !important;
	}

	.small-pl8 {
		padding-left: 80px !important;
	}

	/* relative positioning (to adjust HR) */
	.small-t-minus1 {
		position: relative;
		top: -10px;
	}

	.small-t-minus1-5 {
		position: relative;
		top: -15px;
	}

	.small-t-minus2 {
		position: relative;
		top: -20px;
	}

	.small-t0 {
		top: 0;
	}

	.small-t0-5 {
		top: 5px;
	}

	hr.small-t1 {
		top: 10px !important;
		/* margin-bottom: 20px !important; */
	}

	hr.small-t2 {
		top: 20px !important;
		margin-bottom: 40px !important;
	}

	.small-t1-5 {
		top: 15px;
	}

	.small-bd0 {
		border: 0 !important;
	}


	/* 'v' for vertical | 'h' for horizontal */
	.small-pv2 {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.small-pv1 {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	.small-mh1 {
		margin-left: 10px !important;
		margin-right: 10px !important;
	}

	.small-mh1-5 {
		margin-left: 15px !important;
		margin-right: 15px !important;
	}

	.small-ph0 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.small-ph0-5 {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

	.small-ph1 {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.small-ph2 {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.small-clear {
		float: none !important;
		clear: both !important;
	}

	.small-clear-only {
		clear: both !important;
	}

	h2.ma0 {
		margin: 0 !important;
	}

	.mod,
	.col,
	fieldset {
		display: block;
		margin-left: 0;
		margin-right: 0;
		border: 0;
		float: none;
		width: auto;
	}

		.mod.bd-top-3-pink {
			border-top-width: 3px;
			border-top-style: solid;
		}

	.small-row {
		display: table;
		table-layout: fixed;
		width: 100%;
	}

	.small-col,
	.small-table-cell {
		display: table-cell;
		vertical-align: top;
	}

	.small-bd-dash {
		border: 1px dashed;
	}

	.small-bd-solid {
		border: 1px solid;
	}

	/* CMA values */
	.mod {
		padding: 20px 15px;
		margin-bottom: 10px;
	}

	.row {
		display: block !important;
		width: 100% !important;
	}

	/* table layout */
	.small-row-adaptive {
		table-layout: auto; /* Overrides table-layout: fixed */
	}

	.small-row-fixed {
		table-layout: fixed; /* Overrides table-layout: fixed */
	}

	.col-contains-border {
		padding-left: 0 !important;
	}

	/* == Footer */
	#footer {
		margin-top: 30px;
	}

		#footer p {
			text-align: right;
		}

	/* == MAIN */
	body {
		padding: 0 8px;
	}

	html.is-must2018 body {
		padding: 0;
	}


	.inner {
		width: 464px; /* @NOTE 480-8*2 */
		border-top: 1px solid;
	}

	html.is-must2018 .inner {
		border-top: 0 none;
	}
	/* Homepage: ~12px not 16px (7+9) vertically between nav and slideshow */
	.front #wrapper > .inner {
		margin-top: 0;
	}

	/* Homepage: slideshow is fullwidth while content is still 464/480px wide */
	.front.cma .corp-content {
		width: 480px;
	}

	/* old homepage < 2015 */
	.front .inner {
		border: 0;
	}

	#wrapper {
		margin-top: 10px;
	}

	html.is-must2018 #wrapper {
		margin-top: 20px;
	}

	.front #wrapper {
		margin-top: 0;
	}

	/* ---------------------- */
	/* == HEADER              */
	/* ---------------------- */


	#header {
		position: relative;
	}

		/* logo */
		#header .logo {
			margin-bottom: 0;
		}

	/* == navigation */
	#navigation {
		display: none;
		border: 0;
		/*padding-top: 10px; there already is .small-pt1 on element */
	}

		#navigation li {
			display: block;
		}

			#navigation li + li {
				border-top: 1px solid;
			}

			#navigation .nav-lvl-one a,
			#navigation li:first-child a {
				display: block;
				padding: 5px 10px;
				text-decoration: none;
			}

			#navigation li.sep {
				background: none;
				margin: 0;
			}

		#navigation ul {
			border: 1px solid;
			margin: 0;
			margin-top: -5px;
			border-top: none;
		}
	/* Homepage: because of slider, we removed m-t:10px from #wrapper. Still needed below *opened* nav in small resolution (and #search below) */
	.front #navigation ul {
		margin-bottom: 10px;
	}

	.jq-nav-sub-open i.icon-gt,
	.jq-nav-sub-close i.icon-gt,
	.jq-nav-to-close i.icon-gt {
		display: inline-block;
	}

	.nav-open,
	.login-open,
	.search-open,
	.social-open {
		display: inline-block;
	}

	.login-open,
	.search-open,
	.social-open {
		padding: 0 10px 0 0;
	}

	.nav-open {
		padding: 0 13px 0 0;
	}

	.small-menu { /* @NOTE menu for the mobile version only */
		display: block;
		float: right;
		padding-right: 6px;
	}

		.small-menu a {
			position: relative;
			padding: 9px 7px;
			margin: 0 2.5px;
		}

			.small-menu a.clicked:after {
				position: absolute;
				left: 6px;
				top: 24px;
				content: "";
				border: 10px solid transparent;
				border-bottom: 10px solid;
			}

	/* First element displayed after the second one */
	.small-invert {
		display: table;
		width: 100%;
		margin-bottom: 10px;
	}

		.small-invert .small-invert-top {
			/*display: table-caption;*/
			float: none;
			padding-bottom: 0 !important;
		}

		.small-invert .small-invert-bottom {
			display: table-footer-group;
			float: none;
			padding-bottom: 10px !important;
		}

		.small-invert .small-invert-top.small-pb1 {
			padding-bottom: 10px !important;
			margin-bottom: 0 !important;
		}


	/* search */
	#header #header-search-input {
		height: 23px;
		border: 1px solid #8D8D8D;
		background-color: #FFFFFF;
	}

	#search .search-selector {
		position: static;
	}

		#search .search-selector .list-selector,
		#header #header-search-input {
			width: 400px;
		}

	#search p.selected label {
		margin-left: 0;
		width: 376px;
	}

	#search {
		display: none;
		margin-top: -20px;
	}
	/* Homepage: because of slider, we removed m-t:10px from #wrapper. Still needed below *opened* search in small resolution (and nav above) */
	.front #search {
		margin-bottom: 10px;
	}

	#search form {
		float: none;
		margin: 0;
	}

	#header #search button {
		margin-left: 5px;
	}

	/* login */
	#header .login-info {
		display: none;
		float: none;
		width: 200px;
		margin: 8px 0 0;
		position: relative;
		top: 5px;
		z-index: 10;
		clear: both;
	}

	#header .header-mod {
		display: block !important;
		/*float: right;*/
		margin-top: 15px;
		/*margin-bottom: 15px;*/
		border: 1px solid;
		padding: 15px;
		width: 100%;
	}

	.banner-login #notifications {
		float: right;
		margin-top: 6px;
	}

	.banner-login .notif {
		margin-left: 5px;
	}

	.banner-login .btn-editor {
		float: right;
		margin: 0;
		margin-top: -4px;
		padding-bottom: 3px;
	}

	.banner-login {
		margin-top: 27px;
		width: 100%;
	}

		.banner-login form + div {
			margin-top: 20px;
		}

		/* @TODO pas acceptable */
		.banner-login .inbl {
			display: block;
		}

	#breadcrumb {
		margin-bottom: 20px;
	}

	.news-summary {
		display: block;
		width: auto;
	}

		.news-summary .col {
			display: block;
		}

			.news-summary .col .col {
				display: block;
				float: left !important;
				width: 50% !important;
				margin-bottom: 40px;
			}

				.news-summary .col .col:last-child {
					clear: both;
					margin-bottom: 0;
				}

		.news-summary .alternate {
			float: left !important;
			width: 50% !important;
		}

	/* Classes specific to 480px (.small- prefix) */
	.small-data-table,
	.small-data-list,
	.small-data-info {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		max-width: 436px;
		margin: 0 auto;
		padding-left: 0;
	}

		.small-data-table li,
		.timeline-main li,
		.small-data-list div.small-data-block {
			padding: 6px 0 3px 0;
			border: 1px solid;
		}

			.small-data-table li + li,
			.small-data-list li + li {
				margin: 10px 0;
			}

		.small-data-table p,
		.small-data-list p {
			margin: 0 9px 2px;
			padding: 2px 0;
		}

		.small-data-table p {
			padding: 0;
		}

		.small-data-table .line-title {
			margin-bottom: 0;
		}

		.small-data-table p strong,
		.small-data-table p span,
		.small-data-list p strong,
		.small-data-list p span {
			display: inline-block;
			vertical-align: top; /* @NOTE overriden if parent paragraph has .vab class, see below */
		}

		.small-data-table .a-tooltip span,
		.small-data-list .a-tooltip span {
			display: none;
		}

		.small-data-table p strong,
		.small-data-list p strong {
			min-width: 52px;
			font-style: normal;
		}

		.small-data-table li > p,
		.small-data-list li div > p {
			clear: both;
			overflow: hidden;
			text-align: left;
		}

		.small-data-table .col-half,
		.small-data-list .col-half {
			float: left;
			width: 50%;
		}

		.small-data-table p.vab strong,
		.small-data-table p.vab span,
		.small-data-list p.vab strong,
		.small-data-list p.vab span {
			vertical-align: bottom;
		}

		.small-data-table .icon,
		.small-data-list .icon {
			margin-right: 1px;
			vertical-align: -6px;
		}

		.small-data-table .icon-pdf {
			vertical-align: -8px;
		}

		.small-data-table .date-past,
		.small-data-table .past,
		.small-data-list .date-past {
			border: none;
		}

		.small-data-table .date-provisional,
		.small-data-table .past,
		.small-data-list .date-provisional {
			border: 1px solid;
		}

			.small-data-table .past .title,
			.small-data-table .past span {
				font-style: italic;
			}

		.small-data-table .current {
			font-weight: bold;
		}

		.small-data-table .provisional {
		}

		.small-data-table .small-label,
		.small-data-list .small-label {
			min-width: 155px;
			background: blue;
		}

		.small-data-table .line-title .right,
		.small-data-list .line-title .right {
			margin-right: -3px; /* 6a.25 */
		}

			.small-data-table .line-title .right .icon,
			.small-data-list .line-title .right .icon {
				margin-left: 6px; /* 6a.25 */
			}

		.small-data-table .line-title input[type="checkbox"],
		.small-data-list .line-title input[type="checkbox"] {
			margin-right: 2px;
		}

		.small-data-table .title,
		.small-data-list .title {
			font-size: 1.455em;
		}

		.small-data-list .title {
			padding: 0 5px 0 9px; /* 7.01 */
			margin-bottom: -4px;
		}

			.small-data-list .title .fav i {
				position: relative;
				top: -4px;
			}

			.small-data-list .title .small {
				margin-top: 4px;
				line-height: 1;
				font-size: 0.6875em;
			}

		.small-data-table .highlight,
		.small-data-list .highlight,
		.small-data-info .highlight {
			padding: 1px 5px;
			font-weight: bold;
		}

		.small-data-list .simple .title {
			margin-bottom: 6px; /* 23a.04, Corporate */
		}

		.small-data-list + .pager {
			margin-top: 0;
		}

	.line-button .left .icon {
		position: relative;
		top: -8px;
	}


	/* hr styles */
	.small-data-table hr,
	.small-data-list hr,
	.corp-inner .small-data-table hr,
	.corp-inner .small-data-list hr {
		width: 95%;
		top: 6px;
		margin: 0 auto 8px;
	}

		.small-data-table hr.full,
		.small-data-list hr.full,
		.small-data-info hr.full {
			width: 100%;
		}

		.small-data-table hr.double,
		.small-data-list hr.double {
			padding-top: 1px;
			border-top: 1px solid rgb(207, 207, 207); /* @ALSAAFAIRE rgb -> HEX et dans colors.css */
			border-bottom: 1px solid rgb(207, 207, 207); /* @ALSAAFAIRE rgb -> HEX et dans colors.css */
			background: transparent;
		}

	.small-data-table .line-title ~ hr,
	.small-data-list .line-title ~ hr {
		top: 3px;
		margin: 0 auto 14px;
	}

	.small-data-table .line-title + hr,
	.small-data-list .line-title + hr {
		top: 1px;
		margin: 0 auto 7px;
	}

	.small-total {
		line-height: 2;
	}

		.small-total .small-label {
			display: inline-block;
			min-width: 125px;
		}

	.small-data-table .line-title input,
	.small-data-list .line-title input {
		vertical-align: baseline;
	}

	.small-data-table .line-title label,
	.small-data-list .line-title label {
		display: inline-block !important;
		margin: -2px 0 4px 0;
	}

	.line-title .doc-type,
	.small-data-list .doc-type {
		margin-left: 4px;
		vertical-align: 2px;
		font-size: 0.55em !important;
	}

	/* lot 7-08-480*/
	.line-title .alternate {
		margin-bottom: 4px;
		margin-left: 5px;
		font-weight: bold;
	}

	.line-closed {
		display: none !important;
	}

	.line-opened {
		display: block !important;
	}

	.line-button {
		overflow: hidden;
	}


	/* Two buttons on a line */
	.small-fullwidth {
		display: table;
		width: 100%;
		clear: both;
		margin-top: 20px;
		text-align: center;
	}

		.small-fullwidth button,
		.small-fullwidth input,
		.small-fullwidth .btn-like,
		.small-fullwidth .jq-dropdown,
		.small-fullwidth .btn {
			width: 48.9% !important;
		}

	.left.jq-dropdown,
	.right.jq-dropdown {
		width: 48.9% !important;
		margin-left: 0;
		margin-right: 0;
	}

	.small-w100.jq-dropdown {
		width: 100% !important; /* rule needed to override above width declaration */
	}

	.small-fullwidth button.btn-like {
		padding-bottom: 5px;
		padding-top: 5px;
	}

	.buttons-line.small-fullwidth {
		margin-top: 0;
	}

	/* one more exception when the buttons are hidden but before a title */
	.buttons-line.small-hidden + h2,
	.buttons-line.small-hidden + .h2-like {
		padding-top: 0;
		margin-top: 20px !important;
	}


	/* Timeline BL detail*/
	.timeline h2,
	.timeline-doc,
	.timeline-horiz-support,
	.timeline-doc ul,
	.timeline-doc li,
	.timeline-doc time,
	.timeline li {
		position: static;
	}

	.timeline h2 {
		margin: 5px 10px;
	}

	.timeline-doc a,
	.timeline-doc span,
	.timeline-doc .timeline-main ul {
		display: block;
	}

	.timeline-doc {
		border: 1px solid;
		padding-top: 10px;
	}

		.timeline-doc li.current, .timeline-doc a, .timeline-doc span {
			background: none;
		}

		.timeline-doc li {
			padding-bottom: 10px;
		}

		.timeline-doc .timeline-main ul {
			padding-left: 0;
			margin-left: 0;
		}

	.timeline li {
		width: 100%;
		margin-left: 0;
		margin-bottom: 10px;
	}

		.timeline li i,
		.timeline li span,
		.timeline li time,
		.timeline li a {
			display: inline-block;
			padding-left: 10px;
			min-height: 0;
		}

		.timeline li i {
			position: relative;
			top: -2px;
		}

	.timeline .th-like {
		width: 7em;
	}

	.timeline .timeline-main {
		position: static;
		margin: 0 10px;
	}

	.timeline-horiz-support,
	.timeline-ctrl,
	.timeline ul {
		vertical-align: middle;
	}

	.timeline-doc {
		margin-bottom: 10px;
	}

	/* Timeline */
	.small-timeline-inline {
		text-align: center;
	}

		.small-timeline-inline ul li {
			float: left;
			width: 33%;
			margin: 0;
			text-align: center;
			padding: 10px 10px 0 !important;
			border: none;
		}

			.small-timeline-inline ul li.to-be-reviewed {
				background: url("img/picto-timeline-next.png") no-repeat scroll center 11px transparent !important;
			}

			.small-timeline-inline ul li.approved {
				background: url("img/picto-timeline-valid.png") no-repeat scroll center 11px transparent !important;
			}

			.small-timeline-inline ul li.current {
				position: relative;
				bottom: -1px;
			}

	.timeline-approval .small-timeline-inline a,
	.timeline-approval .small-timeline-inline .current span {
		margin: auto !important;
		padding: 28px 10px 10px 10px;
		width: auto !important;
	}

	.small-data-block {
		overflow: hidden;
	}

		.small-data-block .items-table.w50.left {
			width: 50% !important;
			float: left !important;
		}

		.small-data-block .items-table th {
			padding-left: 0.8em;
			vertical-align: baseline;
		}

		.small-data-block .items-table.midi th {
			width: 10em;
		}

		.small-data-block .items-table.mini th {
			width: 8em;
		}

		.small-data-block .th-txtright td {
			text-align: right;
		}

		.small-data-block .alternate td {
			vertical-align: baseline;
		}
	/* 6a.02b */
	.small-data-info {
		overflow: hidden;
		clear: both; /* Avoids any problem with previous floats,as the element also has overflow: hidden and thus BFC */
		border: 1px solid;
		margin-bottom: 15px;
	}

		.small-data-info .title {
			margin-bottom: -4px;
			padding: 6px 15px 3px 16px;
			font-size: 1.455em;
		}

			.small-data-info .title .highlight {
				padding: 3px 5px 3px 5px;
				font-size: 0.6875em;
			}

		.small-data-info hr {
			/* width: 95%; */
			top: 4px;
			margin: 0 auto 6px;
		}
		/* equivalent to hr.t1 */
		.small-data-info .content hr {
			top: 12px;
			margin-bottom: 22px;
		}

		.small-data-info .content {
			margin: 0 14px;
			padding: 1px 0 10px 0;
		}

			.small-data-info .content p {
				margin-top: 8px;
				padding: 2px 0;
			}

		.small-data-info p.small-left {
			margin-right: 0;
		}

		.small-data-info.list {
			padding: 6px 0 14px 0;
		}

			.small-data-info.list .title {
				padding: 8px 14px 2px 14px;
			}

			.small-data-info.list hr {
				top: 14px;
				margin-bottom: 23px;
			}



	.items-table.w50,
	.items-table.w33 {
		width: 100% !important;
	}

	.items-table .small-2col {
		float: left;
		width: 47%;
	}

	.small-th-visible th {
		display: table-cell;
	}

	.small-itable-2col .items-table.left,
	.small-itable-2col tr.medium-w33 {
		width: 48% !important; /* overrides medium CSS */
	}

	.small-itable-2col tr.medium-w33 { /* overrides medium CSS */
		float: left;
	}

	/* 6a.32 display mode 480 */
	.small-itable-2col-3r .items-table.left {
		width: 50% !important; /* overrides medium CSS */
	}

		.small-itable-2col-3r .items-table.left:nth-child(3) {
			float: right;
		}

	.service-s-table {
		margin-bottom: 10px;
	}

	/* 6a.28 */
	.col-1-2,
	.form-col-1-2 {
		float: none;
		width: auto !important;
		margin-right: 0 !important;
	}

		.col-1-2 + .col-1-2,
		.form-col-1-2 + .form-col-1-2 {
			margin-top: 20px;
		}


	label.small-w75p {
		padding-left: 0 !important;
	}

	div.small-data-block {
		position: relative;
	}

	.small-data-block .line-opened .items-table {
		padding: 1px 0 3px 0;
	}

	.small-data-block .icon.green {
		margin-left: 3px; /* The green check is wider than the other icons, thus a very specific margin to increase to 8px this margin... */
		margin-right: 4px;
	}

	.small-data-block .icon.txtmidgray {
		position: relative;
		top: 4px;
		font-size: 2.6em;
		margin: 0 61px !important;
	}

	/* 8.17 */
	.small-title-eco-calc {
		clear: both;
		padding: 12px 10px 9px 10px;
		text-align: left;
		line-height: 1;
		font-weight: bold;
		color: white;
		background-color: #767676; /*@797979*/
	}

		.small-title-eco-calc > h3 {
			position: relative;
			padding: 0 0 0 25px;
			margin-left: 10px;
			line-height: 30px;
			background: #767676 url(img/bg-leaf.png) left center no-repeat; /*@797979*/
		}

		.small-title-eco-calc .right > span {
			margin: 0 5px;
		}

	.bg-triple2 {
		background: none;
	}

	.small-data-eco-calc div.small-data-block {
		padding: 0;
	}

	.small-data-block .small-data-fromto {
		display: table;
		width: 100%;
		margin: 0;
		padding: 11px 8px 14px 10px;
		border-bottom: 1px solid;
	}

	.small-data-fromto > span {
		display: table-cell !important;
		vertical-align: middle !important;
	}

	.small-data-fromto > .place {
		width: 192px;
		text-align: center;
		vertical-align: top !important;
	}

	.small-data-block .icon-arrow {
		width: auto;
		vertical-align: middle;
		font-size: 2.6em;
	}

	/*	6.31 */
	.button-big-icon i.icon {
		top: -2px;
	}

	.filter-list > li {
		display: inline-block;
		vertical-align: top;
		width: 50%;
	}

	.form-horiz input,
	.form-horiz .jq-click-check {
		/* margin: 0 5px !important; */
		margin-bottom: 10px !important;
	}

		.form-horiz input ~ label {
			margin-bottom: 9px !important;
		}

		.form-horiz input[type="text"] {
			width: 200px !important;
		}

		.form-horiz input[type="submit"] {
			width: 60px;
			margin: 0 !important;
			margin-bottom: 10px !important;
		}

	.filter-mod .filter-msg,
	.filter-msg .filter-list {
		padding: 0 !important;
	}

		.filter-msg .filter-list > li,
		.filter-msg .filter-list > li:nth-child(5) {
			float: none;
			display: block;
			width: auto !important;
			padding: 10px 20px;
			margin-right: 0
		}

	.filter-msg .small-filter-list-nobd > li,
	.filter-msg .small-filter-list-nobd > li:nth-child(5) {
		padding: 5px 10px;
	}

	.filter-msg .filter-list > li > ul:first-child {
		margin-top: 0;
	}

	.filter-msg .filter-list > li + li {
		border-top: 1px solid #dfdfdf !important;
	}

	.filter-msg .small-filter-list-nobd > li + li {
		border-top: 0 none !important;
	}

	.filter-msg h3 {
		padding-top: 5px;
	}

	/* Custom checkbox: span seen in 13.03, 6a.29 and 6a.30 */
	span.js-checkbox .jq-wrap-check label {
		display: inline-block;
		margin-right: 25px !important;
	}

	.elem-special #spe-dim + label {
		width: auto;
	}

	/* Contextual navigation page 6a.23 to 6a.27 and 9c.08 */
	.context-navigation {
		padding: 44px 0 0;
		margin-bottom: 20px;
		text-align: left;
		position: relative;
	}

		.context-navigation .current,
		.context-navigation .jq-tabstrip2-current {
			position: absolute;
			top: 4px;
			display: inline-block;
			width: 190px;
			border-left: 1px solid;
			margin: 13px 0 0 12px;
		}

		.context-navigation .current,
		.context-navigation .jq-tabstrip2-current {
			border-right: 1px solid #E4E4E4;
		}
		/* RQM Cancels desktop vertical centering of current tab (smaller padding, top +2px) */
		.context-navigation > .current span,
		.context-navigation > .jq-tabstrip2-current span {
			border-bottom: none;
			padding: 6px 32px 6px 10px;
		}

		.context-navigation li:first-child {
			border-left: none;
		}

		.context-navigation .current:first-child,
		.context-navigation .jq-tabstrip2-current:first-child {
			border-left: 1px solid;
		}

		.context-navigation .jq-tabstrip2-current a, /* @TODO can't exist? */
		.context-navigation span {
			position: static;
			top: auto;
		}

		.context-navigation a {
			display: block;
		}

		.context-navigation li {
			display: block;
			border-top: 1px solid;
		}

		.context-navigation li {
			border-right: 0;
			margin: 0;
		}
		/*.context-navigation li:not(.jq-tabstrip2-current):first-child,
	.context-navigation li.jq-tabstrip2-current:first-child + li {
		margin-top: 1px;
	}*/
		.context-navigation > .current:before,
		.context-navigation > .current:after,
		.context-navigation > .jq-tabstrip2-current:before,
		.context-navigation > .jq-tabstrip2-current:after {
			content: normal;
		}

	.line nav {
		position: relative;
	}

	.c-nav-open {
		display: block;
		position: absolute;
		/*left: 275px; OLD @ 2013.04.29*/
		top: -3px;
		left: 260px; /*left: 175px;*/
		margin-top: 24px;
		padding: 3px 0 3px 0;
		z-index: 15;
	}

	/* Booking block */
	.infobox {
		float: left;
	}

		.infobox + .items-table {
			width: auto !important;
			margin: 0 !important;
			padding: 0 0 0 50px;
		}

			.infobox + .items-table.txtleft {
				border-spacing: 0;
			}

	h1 + .line {
		margin-top: 20px !important;
		margin-bottom: 0;
	}

	.tunnel + .line {
		margin-top: 20px;
	}

	.tunnel + form > .line,
	h1 + form > .line {
		margin-top: 20px !important;
	}

	h1 ~ .jq-dropdown {
		margin-bottom: 0;
	}

	/* h2 with buttons on its right. Correct vertical gap below them */
	.buttons-line + h2,
	.buttons-line + .h2-like {
		float: left; /* for 7.17 and 8.17 for example */
		margin-top: 0 !important;
		padding-top: 14px;
	}

	/* form "hinted" */
	.hinted {
		padding-bottom: 3em;
	}

		.hinted .hint {
			bottom: -16px;
		}

		.hinted .medium-w30 { /* overrides medium CSS */
			width: 50% !important;
		}

	.small-data-table + .pager {
		margin-left: 0;
	}

		.small-data-table + .pager + .pager {
			margin-right: 0;
		}

		.small-data-table + .pager button {
			margin: 0 0 0 5px !important;
		}

	/* split booking TOOLTIP */
	a.a-tooltip.booking:hover span.east,
	a.a-tooltip.booking:focus span.east {
		bottom: auto;
		left: -185px;
		top: 25px;
	}

		a.a-tooltip.booking:hover span.east:before,
		a.a-tooltip.booking:focus span.east:before {
			content: " ";
			position: absolute;
			top: -10px;
			left: 183px;
			width: 0;
			height: 0;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-bottom: 5px solid;
		}

	/* Tunnel */
	.tunnel-in .num-tunnel .small-visible {
		font-weight: bold;
		font-size: 15px;
	}

	.tunnel-container,
	.tunnel {
		height: 30px;
		min-height: 30px;
	}

	.tunnel-container {
		margin-bottom: 10px;
	}

	h1 + .tunnel {
		margin: 20px 0 !important; /* @ALSAAFAIRE les 20px manquants parfois parce que fr�re de H1 = .tunnel-container et pas/plus .tunnel ? */
	}

	.tunnel-in,
	.tunnel .first {
		height: 30px;
		padding-top: 6px;
		padding-bottom: 0;
	}

	.tunnel .tunnel-in {
		padding-left: 0;
		padding-right: 22px;
	}

	.tunnel-in.last,
	.tunnel-in.last-current {
		padding-right: 0;
	}

	.tunnel-4-steps .tunnel-in,
	.tunnel-4-steps .tunnel-in.first,
	.tunnel-3-steps .tunnel-in,
	.tunnel-3-steps .tunnel-in.first {
		min-width: 84px;
	}

	.tunnel-in .arrow-borders {
		width: 10px;
	}

		.tunnel-in .arrow-borders:before,
		.tunnel-in .arrow-borders:after {
			left: -5px;
		}

	.tunnel .tunnel-in .txt-tunnel {
		/* Hides text information for 480 and less but keeps the information for screen reader */
		position: absolute;
		left: -7000px;
		text-indent: -7000px;
		overflow: hidden;
	}

	.tunnel-3-steps li {
		width: 36.14%;
	}

		.tunnel-3-steps li:last-child {
			width: 27.73%;
		}

	.tunnel-4-steps li {
		width: 27.1%;
	}

		.tunnel-4-steps li:last-child {
			width: 18.7%;
		}

	.tunnel-5-steps li {
		width: 21.68%; /* (464 - (4 bg arrows of 39px) ) / 4 = 61.6px. 61.6+39 = 100.6px. 100.6/464 = 21.68% */
	}

		.tunnel-5-steps li:last-child {
			width: 13.28%; /* (464 - (4 bg arrows of 39px) ) / 4 = 61.6px. 61.6/464 = 13.28% */
		}

	.tunnel-6-steps li {
		width: 18.06%; /* (464 - (5 bg arrows of 39px) ) / 6 = 44.83px. 44.83+39 = 83.83px. 83.83/464 = 18.06% */
	}

		.tunnel-6-steps li:last-child {
			width: 9.66%; /* (464 - (5 bg arrows of 39px) ) / 6 = 44.83px. 44.83/464 = 9.66% */
		}

	.tunnel-in .num-tunnel {
		position: static;
		margin: 0;
	}

	.num-tunnel-check {
		display: block;
		background: none;
		padding: 4px 0 0 1px;
		margin: -8px auto 0 !important;
	}

	.tunnel-in .num-tunnel-check .icon {
		margin-left: -1px !important;
		margin-top: 2px;
		font-size: 20px;
	}

	.tunnel-3-steps .tunnel-in .num-tunnel,
	.tunnel-4-steps .tunnel-in .num-tunnel {
		left: 0;
	}

	.tunnel-in:before,
	.tunnel-in:after {
		width: 24px;
		background-position: 0 -669px;
	}

	.tunnel-in:after {
		left: -22px;
	}

	.tunnel .last-current:before {
		display: none;
	}

	.tunnel-in .arrow-borders:before,
	.tunnel-in .arrow-borders:after {
		border-color: red;
	}

	/* default tunnel styles */
	.tunnel-in.before:before,
	.tunnel-links a.after-link:hover:after {
		background-position: 0 -638px;
	}

	.tunnel-in.current:before,
	.tunnel-in.last-current:before {
		background-position: 0 -576px;
	}
	/* tunnel with steps styles */
	/* statut de base : normal, lien, current */
	.tunnel-links .before-new:before {
		background-position: 0 -514px;
	}

	.tunnel-links a.before-new:before {
		background-position: 0 -700px;
	}

	.tunnel-links .current.before-new:before,
	.tunnel-links a.before-new:hover:before {
		background-position: 0 -607px;
	}

	.tunnel-links a.before:hover:before,
	.tunnel-links a.after:hover:after {
		display: block;
		background-position: 0 -545px;
	}

	.tunnel-links a.before-link:hover:before {
		background-position: 0 -576px;
	}

	.tunnel-links a.after-link:hover:after {
		display: block;
		background-position: 0 -638px;
	}

	.tunnel-links .tunnel-3-steps li:last-child .tunnel-in:before,
	.tunnel-links .tunnel-4-steps li:last-child .tunnel-in:before {
		background-position: 0 -483px;
	}

	.tunnel-links .tunnel-3-steps li:last-child .current:before,
	.tunnel-links .tunnel-4-steps li:last-child .current:before,
	.tunnel-links .tunnel-3-steps li:last-child a.tunnel-in:hover:before,
	.tunnel-links .tunnel-4-steps li:last-child a.tunnel-in:hover:before {
		background-position: 0 -576px;
	}

	.tunnel-links .tunnel-3-steps li:last-child a.tunnel-in:before,
	.tunnel-links .tunnel-4-steps li:last-child a.tunnel-in:before {
		background-position: 0 -669px;
	}

	/* slide containers */
	.slide-containers-selector {
		width: 419px;
	}


	.biz-new-account .buttons-line > * {
		margin-top: 0;
	}

	.small-rwd-fieldset.genuine {
		border: none;
		width: 100%;
		padding: 0 !important;
		margin: 0;
	}

		.small-rwd-fieldset.genuine > div:not(.row),
		.small-rwd-fieldset.genuine > p {
			padding: 0 15px;
		}

		.small-rwd-fieldset.genuine #equip-col legend,
		.small-rwd-fieldset.genuine #second-col legend,
		.small-rwd-fieldset.genuine #last-col legend {
			background-color: transparent !important;
			margin-right: 10px;
		}

		.small-rwd-fieldset.genuine #equip-col,
		.small-rwd-fieldset.genuine #equip-col + div,
		.small-rwd-fieldset.genuine #equip-col + div + div {
			padding-top: 10px;
			padding-left: 10px !important;
			padding-right: 10px !important;
		}

			.small-rwd-fieldset.genuine #equip-col + div,
			.small-rwd-fieldset.genuine #equip-col div,
			.small-rwd-fieldset.genuine #second-col div,
			.small-rwd-fieldset.genuine #last-col div {
			}

		.small-rwd-fieldset.genuine #second-col legend {
			border-top: 1px solid;
			padding-top: 10px;
		}

		.small-rwd-fieldset.genuine > legend {
			display: block;
			width: 100%;
			padding-top: 3px;
			padding-bottom: 4px;
			margin-left: 0;
			padding-left: 15px;
			margin-bottom: 10px;
		}

		.small-rwd-fieldset.genuine .form-col-1-2 {
			float: none;
			width: 100%;
		}

	/* 6a_04 */
	a.alternate.lightgray.icon {
		padding: 3px 0 0 0;
		height: 28px;
		width: 32px;
		background: none repeat scroll 0 0 rgb(249, 249, 249);
		border: 1px solid rgb(223, 223, 223);
	}

	.small-data-block .blue2 .icon {
		position: relative;
		top: -3px;
	}

	.showing_dd .icon:first-child {
		top: -1px;
	}

	.js .showing_dd.w200p {
		min-width: 1px;
		max-width: 35px;
	}

	.jq-dropdown .jq-dd-action-link-container a {
		padding-right: 7px;
		padding-left: 7px;
	}

	.js .showing_dd .jq-dd-list-container {
		/*position: absolute;*/
		/*width: 200px;*/
	}


	button.small-icon {
		padding: 3px 5px;
	}

	button.blue1 .icon {
		position: relative;
		top: 1px;
	}

	/* double select list */
	.double-list .container-select .desktop-hidden {
		float: right;
	}

	.double-list .container-select button {
		width: auto !important; /* to override width from 768 */
		padding-left: 12px;
		padding-right: 12px;
	}

	/* changin dropdown for RWD in 480 */
	.js .jq-dd-btn .jq-dd-list-container ul {
		position: relative;
	}

	.jq-dd-list-container a {
		display: block;
		padding: 5px 11px;
	}

	.jq-dd-list-container a, .jq-dd-list-container .icon {
		cursor: pointer;
	}

		.jq-dd-list-container a:hover {
			text-decoration: none;
		}

		.jq-dd-list-container a:focus {
			text-decoration: none;
		}

	.jq-dd-list-container {
		position: relative;
	}

		.jq-dd-list-container ul {
			padding-left: 0;
			border: 1px solid;
		}

		.jq-dd-list-container li {
			display: block;
			padding: 2px 0;
		}

			.jq-dd-list-container li + li {
				border-top: 1px solid;
			}

	.js .jq-dd-list-container ul {
		/*width: 100%;*/
		left: 0;
		top: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.js .jq-dd-list-container ul {
		z-index: 1000;
	}

	.items-table.small-horiz-col2 tr {
		display: inline-block;
		width: 46%;
	}

	.small-db-table table {
		margin-top: 2px;
		border-spacing: 0 5px;
	}

	.small-data-eco-calc .small-db-table {
		margin: 0 8px; /* because padding was removed on parent */
	}

		.small-data-eco-calc .small-db-table table {
			border-spacing: 0 9px;
		}

	.small-db-table th {
		text-align: left;
	}

	.small-db-table .w50 {
		width: 50% !important;
	}

	.small-db-table .w55 {
		width: 55.5% !important;
	}

	.small-db-table .w45 {
		width: 44.5% !important;
	}

	.small-db-table .left {
		margin-right: 0;
	}

	.small-db-vessel th {
		width: 39.9%;
	}

	.small-db-date th {
		width: 55%;
	}

	.small-db-bl th {
		width: 51.5%;
	}

	.small-db-equipment th {
		width: 49%;
	}

	.small-db-container th {
		width: 67.5%;
	}

	.small-db-goods th {
		width: 68%;
	}
	/* Eco Calculator - 8.17 */
	.small-db-eco-left th {
		width: 50%;
	}

	.small-db-eco-right th {
		width: 34%;
	}

	.small-data-eco-calc th {
		padding-right: 13px;
		text-align: right;
		font-weight: normal;
	}

	.small-data-eco-calc td {
		padding-right: 10px;
		font-weight: bold;
	}

	.small-db-table .icon {
		margin-right: 2px;
	}

	.small-db-table table:first-child th .icon {
		margin-left: 8px;
	}
	/* 8.06 */
	.small-db-content {
		padding-top: 4px;
	}

	.small-db-actions {
		padding: 9px 6px 6px 0;
	}

		.small-db-actions a {
			margin-left: 9px; /* total 20px between icons */
		}

	.small-dt-align {
		margin-left: 19px; /* 7.08 */
	}

	/* table Data-Tracking */
	.small-data-tracking .small-col1 {
		float: left;
		width: 54.7%;
	}

	.small-data-tracking .small-col2 {
		float: left;
		width: 45.3%;
	}

		.small-data-tracking .small-col1 > i.icon, /* '>' and i.icon and not .icon because a.icon and a>i.icon mustn't be affected */
		.small-data-tracking .small-col2 > i.icon {
			margin-right: 8px;
		}

	.small-data-tracking p {
		margin-top: 6px;
		margin-bottom: 3px;
	}

	.small-data-tracking hr + p {
		margin-top: 13px;
		margin-bottom: 1px;
	}

	.small-data-tracking p:last-child {
		margin-bottom: 7px;
	}

	/* table Charges Finder */
	.small-data-charges li {
		background: none;
		border: 0;
		padding: 0;
	}

		.small-data-charges li + li {
			margin: 20px 0 0;
		}

	.small-data-charges h3 {
		padding-top: 6px;
		padding-bottom: 4px;
	}

	.small-data-charges .charges-content {
		padding-top: 6px;
		padding-bottom: 7px;
	}

	.small-data-charges .charges-content {
		border: 1px solid;
	}

	.small-data-charges .banner-gray {
		margin: 0;
	}


	/* table : TH width */
	.items-table.small-micro th {
		width: 2.8em
	}

	.items-table.small-mini th {
		width: 5.5em
	}

	.items-table.small-midi th {
		width: 8em; /* for 6b.13 */
	}

	.items-table.small-maxi th {
		width: 10em
	}

	.items-table.small-mega th,
	.small-data-block .items-table.small-mega th {
		width: 12em
	}

	.items-table.small-giga th {
		width: 14em
	}

	.items-table.small-tera th {
		width: 16em
	}

	.items-table.small-th-auto th {
		width: auto
	}


	/* legend of table that may be along Kendo data-table pagination
		other type of legend exists looking like fieldset+legend + items occupying a few lines / RQM 33804
		(see also HTML .small-* classes) */
	.k-grid ~ .table-legend-bd {
		top: 10px; /* overrides t: -40 / m-t: 40 */
		margin-bottom: 10px;
	}

	/* Banner gray/blue/white for 480 */
	.banner-gray,
	.banner-blue,
	.banner-white {
		overflow: hidden;
	}

		h3.banner-gray,
		h4.banner-gray,
		.banner-gray > h3,
		.banner-gray > .h3-like {
			display: block;
		}

		.banner-gray span {
			margin: 4px 0 0 !important;
		}

		.banner-gray p {
			margin: 3px 0 0 !important;
		}

	/* Booking Step 6 (7.21) - Recap & Submit (RQM 17377) */
	.banner-bkg-recap .itemsvert-table {
		margin-top: 15px;
	}

		.banner-bkg-recap .itemsvert-table th:before,
		.banner-bkg-recap .itemsvert-table td:before {
			font-size: 10px;
		}

		.banner-bkg-recap .itemsvert-table .small-itemsvert-table_blocklabel:before {
			display: block;
		}

		.banner-bkg-recap .itemsvert-table th,
		.banner-bkg-recap .itemsvert-table td {
			padding-right: 0;
		}

	/* Notifications - 14b.01 rework / RQM 31793
		Overriding default reset existing in 480 on .row and .col: we still want table(-cell) displays */
	.notif-sub-item {
		display: table !important;
	}

	.notif-sub-checkbox,
	.notif-sub-actions {
		display: table-cell;
	}

	.notif-sub-actions {
		width: 62px;
	}

	/* Color box legend */
	.colorbox-item {
		display: block;
		margin: 10px 0 0 !important;
	}

		.colorbox-item > .colorbox {
			margin-left: 0;
		}


	/* Double select[size="10"] : now (2013-12-06) using CSS table layout. "Auto-adapting" to different text lengths */
	.double-select .div-select-container {
		display: table;
		width: 100%;
	}

		.double-select .div-select-container > div {
			display: table-row;
		}

	.double-select div label {
		display: table-cell;
		width: 1px;
		white-space: nowrap;
		border: none;
		padding: 0 15px 0 0;
		text-align: right;
		background: none;
	}

	.double-select div select {
		display: table-cell;
		width: 100%;
		height: 36px !important;
	}

	.btn-double-select-container {
		display: block;
	}

	.double-select .div-select-container div.first {
		margin-right: 0;
	}

	.double-select .div-select-container > .first + div label {
		padding-top: 15px;
	}

	.double-select .div-select-container > .first + div select {
		margin-top: 15px;
	}


	.partner-choice li.partner .caption {
		left: 25px;
	}

	/* tabs-choice : list of solutions */
	.tabs-solutions .partner img {
		height: 48px;
		width: auto;
	}

	.tabs-solutions .partner {
		padding: 10px 0;
	}

	/* .list-pipe is a variation in 6a.02b RQM #23692 added 2014-04-08 */
	.list-pipe a {
		display: block;
		border-right: none;
	}


	.reg-carrier-choice {
		margin-left: 15px;
		margin-bottom: 0;
	}

	.reg-carrier-contains-4 .reg-carrier-choice,
	.reg-carrier-contains-4 .reg-carrier-choice-item,
	.reg-carrier-choice,
	.reg-carrier-choice-item {
		width: 100%;
		margin-bottom: 0;
		margin-left: 0;
		float: none;
	}

		.reg-carrier-choice + .reg-carrier-choice {
			margin-left: 0;
		}

	.js .reg-carrier-choice-selected .btn {
		margin: 10px 0 20px;
	}

	.arrow-top-gray3 {
		left: 50% !important;
		margin-left: -8px !important;
	}

	.col .account-intro, .account-intro {
		width: 100%;
		margin: 20px 0 0 !important;
	}

	.col .account-intro {
		min-height: auto;
	}

	/* FAQ Top 5 in sidebar (also 10.02) */
	.faq-top p {
		float: left;
		width: 50%;
		margin: 0 0 10px 0;
	}

	.nav-letters {
		border-top: 1px solid;
		border-left: 1px solid;
	}

		.nav-letters .nav-letter-item {
			width: 7.1428%;
		}

			.nav-letters .nav-letter-item.small-nav-letter-item-2x {
				width: 14.2856%;
			}

		.nav-letters .current {
			border-bottom: 1px solid;
		}

	/* 3 contexts for a video, examples are in pages 10.06, 10.10 and 20.05. See templates.css and corporate.css for defaults */
	/* 10.06: tutorial with sidebar */
	.video-with-sidebar .video-player {
		width: 432px;
		height: 282px; /* OK {432 / 282 Fx} {432 / 282 Chrome = OK} */
	}
	/* Page 10.10: tutorial without sidebar (full width) and */
	/* video shortcode in Corp content (ex: 20.05) */
	.video-without-sidebar .video-player,
	.corp-content .video-player {
		height: 300px; /* (464px / 16 * 9) + 39px = 300px */
	}


	#tutorial-masonry .box {
		width: 227px;
	}

	/* Message between tunnel and content for SI (and booking) with an icon on left - RQM 17377 */
	.msg-withicon {
		padding: 14px 20px 16px 13px;
	}

	/* Draft saving below SI Steps, 08/2014 version on white background - RQM 17377 */
	.draft-save .draft-save-form {
		width: 75%;
		margin-top: 0;
	}

	.draft-save .draft-save-msg {
		clear: both;
		padding-top: 10px;
	}

	.draft-save-small.bkg-draft-save {
		top: auto;
	}

	.draft-save_small .draft-save-form {
		width: auto;
	}

	/* booking - special separation for draft save */
	.toggle-small-closed + .bkg-save-sep {
		display: block;
	}

	/* booking - route finder, mobile only */
	.mod .bkg-tabs {
		margin: -20px -15px 0;
	}

	.bkg-tab {
		position: relative;
		float: left;
		width: 50%;
		height: 64px;
	}

		.bkg-tab input,
		.bkg-tab label {
			position: absolute;
		}

		.bkg-tab label {
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			z-index: 1;
			padding: 20px 30px 0 40px;
			background-color: #dfdfdf;
		}

		.bkg-tab input {
			top: 20px;
			left: 20px;
			z-index: 2;
		}

			.bkg-tab input:checked + label {
				background-color: transparent;
			}




	/* ----------------------------- */
	/*   ==Corporate                 */
	/* ----------------------------- */

	.corp-main {
		margin: 0;
	}

	.corp-content .big {
		font-size: 1.182em; /* 13px from 11px */
		line-height: 1.25;
	}

	.corp-content .mod {
		padding: 25px 15px;
		margin-top: 25px;
		margin-bottom: 25px;
	}

	.corp-content blockquote .end-quote {
		bottom: -75px;
	}


	.corp-nav,
	.corp-layout1 .corp-nav,
	.corp-layout6 .corp-nav {
		margin: 18px 0 16px 0;
		padding: 0;
	}

	.corp-has-banner .corp-nav {
		margin: 14px 0 20px 0;
	}

	.nav-items .current li a:focus,
	.nav-items .current li a:hover {
		background: #EAEAEA;
	}

	.corp-inner,
	.corp-layout6 .corp-nav-icons + .corp-inner {
		width: 464px;
		margin: 0;
	}

		.corp-inner hr {
			top: 25px;
			margin-bottom: 50px;
		}


	/* Default styles for the main content */
	.corp-content h2,
	.corp-content .h2-like {
		font-size: 1.636em;
		line-height: 1.222;
	}

	.corp-content .small-h2-like {
		font-size: 1.385em;
		line-height: 1.222;
		display: block;
	}

	.corp-content h3,
	.corp-content .h3-like {
		font-size: 1.455em;
		line-height: 1.250;
		margin-top: 25px;
		margin-bottom: 0;
	}

	.corp-content h4,
	.corp-content .h4-like {
		font-size: 1.273em;
		line-height: 1.286;
		margin-top: 20px;
		margin-bottom: 0;
	}

	.corp-content p {
		font-size: 1.182em;
		line-height: 1.385;
	}

	.corp-content .chapo {
		font-size: 1.273em;
		line-height: 1.357;
		margin-top: 20px;
		margin-bottom: 0;
	}

	.corp-content .mod {
		padding: 10px 15px !important;
		margin-top: 25px;
		margin-bottom: 0;
	}

	.corp-inner img,
	.corp-inner img.left,
	.corp-inner img.right {
		margin-top: 10px;
		margin-bottom: 10px !important;
	}

		.corp-inner img:first-child,
		.corp-inner img + img {
			margin-left: 10px;
		}

	.corp-content h2 + *,
	.corp-content h2 + p {
		margin-top: 20px; /* not supported IE6 */
	}

	.corp-content h3 + *,
	.corp-content h3 + p {
		margin-top: 15px; /* not supported IE6 */
	}

	.corp-content h3 + h4 {
		margin-top: 10px; /* not supported IE6 */
	}

	.corp-content h3 + img {
		margin-top: 10px; /* not supported IE6 */
	}

	.corp-content h4 + *,
	.corp-content h4 + p {
		margin-top: 10px; /* not supported IE6 */
	}

	/*.corp-inner img,
	.corp-inner img.left,
	.corp-inner img.right {
		margin-top: 15px;
		margin-bottom: 15px;
	}*/

	.js .small-jq-to-open {
		display: none;
	}

	.js .corp-content .small-jq-next-open,
	.js .corp-content .small-jq-next-close {
		cursor: pointer;
	}

	/* banner */
	.corp-banner {
		width: 480px;
		height: 160px;
		background-position: center top;
	}

	.corp-banner-image-2 {
		background-size: 120% auto;
		background-position: center -10px;
	}

	.corp-has-banner .corp-inner {
		width: 472px;
		top: -30px;
		left: -8px;
		margin: 0 -8px 0 0;
		padding: 0;
		margin-bottom: -30px;
	}

	/* layouts without a banner */
	.corp-inner h1 {
		/* margin-top : 16px; */
		/* margin-bottom: 20px; */
		padding-top: 0;
		padding-bottom: 15px;
		font-size: 1.818em;
	}

	.corp-layout3 .corp-inner h1 {
		padding-top: 15px;
	}
	/* layouts with a banner */
	.corp-has-banner .corp-inner > * {
		padding-left: 8px;
	}

	.corp-has-banner .corp-inner h1 {
		margin: 0 20px 0 0;
		padding: 11px 16px 15px 8px;
	}

	.corp-layout4 .corp-inner h1 {
		padding-bottom: 8px;
	}

	.corp-layout5 .corp-inner {
		width: 100%;
	}

	.corp-layout6 .corp-inner {
		width: 464px;
	}

	.corp-articles h2 {
		line-height: 1.188;
		font-size: 1.455em;
	}

	.corp-content .corp-list li {
		font-size: 1.182em;
	}

	.corp-content .corp-list p {
		font-size: 1em;
	}

	.corp-content .corp-list-doc .more a {
		font-size: 1em;
	}

	.corp-list-doc .more .icon {
		top: -4px;
	}

	/* Trombinoscope */
	.corp-trombi {
		margin-bottom: 0;
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 0;
	}

		.corp-trombi h2 {
			margin-bottom: 0;
		}

		.corp-trombi .title {
			line-height: 1.222;
			font-size: 1.55em;
			margin-top: 0 !important;
		}

		.corp-trombi img {
			margin-top: 0 !important;
			margin-bottom: 15px !important;
			margin-left: 10px;
		}

		.corp-trombi .row,
		.corp-trombi .col {
			margin-bottom: 0;
			margin-top: 0;
		}

		.corp-trombi .mod {
			margin-top: 15px;
			margin-bottom: 10px !important;
			padding-bottom: 0 !important;
			padding-top: 15px !important;
		}

		.corp-trombi .row .col {
			width: auto !important;
			display: block;
			padding-right: 0 !important;
		}

	/* stats */
	.corp-stats-cb-item {
		width: 148px;
		padding: 6px 6px 0 6px;
	}

	/* news */
	.corp-news {
		margin-top: 20px;
	}

		.corp-news img {
			max-width: 160px;
			margin-right: 0;
		}

	/* local offices news */
	/* container for the local offices HP */
	.corp-news-local-subscribe-home {
		padding-right: 0;
	}

	.corp-news-local-subscribe-btn + .chapo {
		padding-top: 0;
		margin: 0;
	}

	/* magazine */
	.corp-magazine h2 {
		line-height: 1.222;
		font-size: 1.636em;
	}

	.corp-magazine p {
		font-size: 1.182em;
		line-height: 1.769;
	}

		.corp-magazine p a {
			font-size: 1em;
		}

	/* magazine @ sidebar */
	.corp-sb-mag-cover .title {
		font-size: 1.285em !important;
	}


	/* news feed */
	.corp-news-feed .article {
		margin-top: 14px;
		padding-bottom: 10px;
	}

	.corp-news-feed .title {
		margin-top: 10px !important;
	}

	.corp-news-feed .date {
		font-size: 1.091em;
		margin-top: 5px;
	}


	/* sidebar */
	.corp-sidebar {
		margin-left: 0;
		margin-right: 0;
		margin-top: 30px;
	}

		.corp-sidebar h2 {
			font-size: 1.285em;
		}

	/* ==Bottom/right menu */
	.corp-aside {
		margin-left: 0;
	}

	.corp-aside-link,
	.corp-aside-icon {
		width: 84px;
	}

	.corp-aside-icon {
		height: 84px;
		line-height: 84px;
	}

	.corp-aside-label {
		font-size: 0.909em; /* 10px from 11px*/
	}

	/* archives */
	.corp-archives .big-title {
		font-size: 1.455em;
		line-height: 1.375;
	}

	.corp-archives li {
		font-size: 1.182em;
		line-height: 1.3;
	}

		.corp-archives li + li {
			margin-top: 7px;
		}

	.corp-archives .article a {
		font-size: 1.091em;
	}

	.corp-archives .list-item {
		margin-top: 15px;
		padding-bottom: 10px;
	}

	.corp-archives li .title {
		margin-bottom: 0;
	}

	.corp-archives img {
		margin-right: 15px !important;
	}


	/* pagination */
	.corp-pagination li + li {
		margin-left: 5px;
	}

	.corp-pagination .PagedList-ellipses + li,
	.corp-pagination [class^="PagedList-skip"] + li {
		margin-left: 0;
	}

	.corp-pagination ul {
		font-size: 1.09em;
	}

	/* history and keydates */
	.corp-keydates {
		margin-top: 30px;
	}

		.corp-keydates h2 {
			font-size: 1.455em;
			margin-bottom: 12px;
			line-height: 1.188;
		}

		.corp-keydates .mod {
			margin: 0;
			padding: 20px 15px !important;
		}

		.corp-keydates .content strong,
		.corp-keydates .content h3,
		.corp-keydates .content p {
			/* font-size: 1.182em; */
			line-height: 1.5;
		}

		.corp-keydates h3 {
			font-size: 1.636em;
		}

		.corp-keydates .content p {
			margin-top: 0;
		}

		.corp-keydates .corp-list li {
			font-size: 1.182em;
		}

		.corp-keydates h4 {
			margin: 0 0 6px 0;
			font-size: 1em;
		}


	/* mediatheque. Whether 3 or 4 columns in 768-1280, it's now on 2 columns */
	.corp-media p.left {
		font-size: 1.182em;
	}

	.corp-media .content li {
		width: 232px;
	}

		.corp-media .content li img {
			margin-left: 0;
		}

		.corp-media .content li:nth-child(even) img,
		.corp-media .content li:nth-child(even) p {
			margin-left: 3px; /* align to right of page for img and p */
			padding-right: 0; /* overrides a rule about img in 480 */
		}
	/* With 4 columns (Flyers, 22.05) */
	.corp-media-4col .content img {
		width: 223px; /* in 480, same as the other case "3 columns in 768-1280" */
	}

	/* testimony */
	.corp-testimony .group {
		padding: 15px;
	}

	.corp-testimony iframe {
		height: 260px;
	}

	.corp-testimony .content {
		margin: 0 15px;
		padding: 10px 15px 30px;
	}

		.corp-testimony .content span {
			font-size: 3.846em;
		}

	.corp-testimony .end-quote {
		bottom: -45px !important;
	}

	.corp-testimony .open-quote {
		left: -18px !important;
		top: -23px !important;
	}

	.corp-testimony .title {
		margin-bottom: 8px;
		font-size: 1.373em;
	}

	.corp-testimony .h4-like {
		margin-top: 0;
	}

	.corp-testimony .content p {
		font-size: 1.182em;
	}


	/* les �tapes incontournables */
	.corp-step .btn {
		font-size: 1em;
	}

	/* tripart*/
	.corp-tripart {
		width: 100%;
	}

		.corp-tripart h3 {
			padding-top: 10px;
		}

		.corp-tripart .tripart-left,
		.corp-tripart .tripart-mid,
		.corp-tripart .tripart-right {
			display: block;
			width: 100%;
			text-align: center !important;
			height: auto;
			padding-left: 0;
			padding-right: 0;
		}

		.corp-tripart .tripart-left {
			border: 1px solid;
			border-bottom: 0;
			padding-top: 10px;
		}

		.corp-tripart .tripart-right {
			border: 1px solid;
			border-top: 0;
			padding-bottom: 20px;
		}

		.corp-tripart .tripart-mid {
			height: 195px;
			padding-top: 30px;
		}



	/* agenda */
	.corp-agenda .list-item {
		margin-top: 15px;
		padding: 13px 0 0;
	}

	.corp-agenda p {
		margin-top: 8px;
	}


	.corp-specifications {
		position: relative;
	}

		.corp-specifications .c-nav-open {
			margin-top: 14px;
		}

		.corp-specifications .list {
			position: relative;
			float: none;
			width: 100%;
			margin-bottom: 10px;
		}
		/* RQM #22383 class .k-tabstrip removed on 2014-04-08 because we don't use Kendo Tabstrip anymore but $ts2... in jQuery */
		.corp-specifications .list {
			padding: 36px 0 0;
			border: 1px solid;
		}

			.corp-specifications .list a {
				border: 1px solid;
				border-width: 1px 0 0;
				padding: 5px;
				padding-left: 20px;
				z-index: 10;
				font-size: 1.182em;
				width: auto;
			}

			.corp-specifications .list .jq-tabstrip2-current {
				display: block;
				width: 272px;
				margin-left: 15px;
				position: absolute;
				top: 7px;
			}

				.corp-specifications .list .jq-tabstrip2-current span {
					border-width: 1px 1px 0; /* no border-bottom in default state (which is other items not visible) */
					width: 100%;
				}
		/* @NOTE Already a border-bottom in Chrome but not in Firefox. There's a 1px difference between them so making it display in Fx breaks it in Chrome...
	.corp-specifications .c-nav-open.clicked + .list .jq-tabstrip2-current span {
		border-bottom: 1px solid; /* if other items are visible (then .clicked was added), grey border between 1st item and 2nd one. Needs to remove a px of padding and replace it by a border-bottom */
		/* padding-bottom: 4px;
	}*/

		.corp-specifications .jq-tabstrip2-current span { /* @TODO Is it used? */
			width: 190px;
			padding: 5px;
			margin: 0;
			border: 1px solid;
			border-bottom: 0;
			font-size: 1.364em;
		}

		.corp-specifications .content {
			float: none;
			width: 100%;
		}

		.corp-specifications .title {
			font-size: 3.182em;
		}

	.corp-specifications_financial .content {
		min-height: 0;
		padding: 0;
		border-width: 0;
	}

		.corp-specifications_financial .content ul {
			display: none;
		}

	.corp-specifications_financial .clicked ~ .content {
		padding: 20px;
		border-width: 1px;
	}

		.corp-specifications_financial .clicked ~ .content ul {
			display: block;
		}

	.corp-content .more a {
		font-size: 1em;
	}

	.corp-connect-biz li,
	.corp-sb-connect-biz li {
		width: auto;
		display: block;
	}

	.corp-sb-news .cat-title {
		margin-top: 0;
	}

	.corp-sb-news .title {
		margin-top: 1px !important;
	}

	.corp-sb-news-cat {
		border-top: 3px solid;
	}

		.corp-sb-news-cat li {
			width: 45%;
		}

	.corp-sb-news-years li {
		width: auto;
	}


	/* bipart */
	.corp-bipart .bipart-left,
	.corp-bipart .bipart-right {
		display: block;
		width: 464px;
		min-height: 43px;
	}

	.corp-bipart .bipart-left,
	.corp-bipart .bipart-right {
		padding: 20px 15px;
	}

	.corp-bipart .bipart-left {
		margin-top: 0;
		padding-bottom: 63px; /* @NOTE Visually renders as 20px vertically between end of content and beginning of arrow */
		background-repeat: no-repeat;
		background-position: center bottom;
	}

	.corp-bipart .bipart-right {
		border: 1px solid;
		border-top: 0;
		margin-top: 0;
		padding-top: 13px;
	}

	.corp-bipart .bipart-left p + p {
		display: inline-block;
		width: 180px;
		margin-top: 0;
	}

	.corp-bipart .bipart-left .txtcenter {
		margin-bottom: 9px;
		padding-bottom: 14px;
	}

	.corp-bipart .big-title {
		font-size: 1.818em;
	}

	/* CMA en chiffres */
	.corp-stats-cb-item {
		width: 222px;
	}

	/* bipart module
	==> RWD only for IE9
	*/
	.ie9 .corp-bipart {
		border-collapse: collapse;
	}

		.ie9 .corp-bipart .bipart-left {
			width: 100%;
			border: 0;
			float: left;
		}

		.ie9 .corp-bipart .bipart-right {
			float: left;
			border-top: 0;
			width: 100%;
		}


	/* corpo table */
	.corpo-table td {
		width: 140px;
	}


	/* corp-search-results*/
	.corp-search-results li {
		padding-bottom: 18px;
		border-bottom: 1px solid;
	}

	.corp-search-results h2.title {
		margin-top: 14px !important; /* Override !important reset */
		margin-bottom: -2px;
	}

	.corp-search-results p {
		margin-top: 9px;
		margin-bottom: -2px;
		font-size: 1.273em;
	}

	.corp-contacts .content {
		padding: 15px !important;
		padding-right: 70px !important;
		margin-top: 10px;
	}

		.corp-contacts .content a.icon {
			right: 23px;
		}

	/* 11.01 */
	.corp-country-list {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}

		.corp-country-list.is-columnized {
			-webkit-column-count: initial;
			-moz-column-count: initial;
			column-count: initial;
		}

	.corp-main .corp-category-links {
		padding: 10px 10px;
		margin-top: 10px;
	}

	.corp-category-links li {
		padding: 10px 0;
	}

	.corp-sb-connect-biz .corp-list li {
		width: 100%;
	}

	.link-bipart-red h2, .link-bipart-gray h2 {
		margin-top: 0 !important;
	}


	/* ==HOMEPAGE== */
	.front {
		padding: 0;
	}

	/* slideshow */
	.hp-slideshow .slideshow-content {
		height: 215px;
	}

	.hp-slideshow .hpsl-insert {
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: auto !important;
		margin-left: 0;
		padding: 0;
		/* Slideshow: no animation of Insert/overlay (text) above animation of slides (slide slides; relative to slide, overlay doesn't move anymore) */
		-webkit-transform: translateX(0); /* Safari, iOS, Android, old Chrome */
		transform: translateX(0);
		/* Transitions: webkit prefix for old Safari, old iOS, Android 4.3 and less, very old Chrome
			With this prefix, IE10+ (which is the support we want) */
		-webkit-transition-property: none;
		transition-property: none;
		-webkit-transition: none;
		transition: none;
	}

	.hp-slideshow .hpsl-overlay {
		width: 100%;
		height: 100%;
		background-color: transparent;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(0, 0, 0, 0.0)), to(rgba(0, 0, 0, 0.6))); /* old Android/iOS, etc */
		background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.0) 25%, rgba(0, 0, 0, 0.6) 100%); /* For Safari 5.1/6 and others */
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 25%, rgba(0, 0, 0, 0.6) 100%); /* W3C */
	}

	.hp-slideshow .hpsl-content {
		height: 100%;
	}

		.hp-slideshow .hpsl-content h2 {
			position: absolute;
			width: 100%;
			bottom: 0;
			margin: 1em 0 0.75em 0;
			padding-bottom: 0.25em; /* avoids bottom of letters like "g" to be cropped */
			text-align: center;
		}
	/* Description is hidden */
	.front .hp-slideshow p:not(.more) {
		display: none;
	}
	/* Trick: invisible link ".more a" spans over whole slide */
	.hp-slideshow .hpsl-content .more {
		margin: 0;
		width: 100%;
		height: 100%;
		background-color: transparent !important; /* removing ActionBgColor in case it'd be defined */
	}

		.hp-slideshow .hpsl-content .more a {
			position: absolute;
			z-index: 1;
			display: block;
			width: 100%;
			height: 100%;
			text-indent: -100%; /* moving Action text out of viewport */
		}
	/* Pagination */
	.hp-slideshow .hp-slide-pg {
		margin-bottom: 47px;
	}

	/* Rest of Homepage */
	.front .corp-content .hp-wrapper {
		margin: 0 15px;
	}
	/* overrides flex from 768 */
	.hp-wrapper,
	.hp-unit {
		display: block;
	}
		/* needs enough specificity vs "class and pseudo-class :nth-child()" from 768 */
		.hp-unit.hp-unit {
			float: none;
			clear: both; /* why not :o */
			width: auto; /* will be 450px */
			margin: 0 0 50px 0;
			padding: 0; /* overrides padding from 768 and its flexbox */
		}
	/* width 480px = 450+15+15 */
	.hp-3-3.hp-3-3 {
		margin-left: -15px;
		margin-right: -15px;
	}
	/* Content */
	.cma .corp-content .corp-hp-news {
		margin-top: 30px; /* 44px between h2 and first news while other .hp-1-3 blocks have 40px */
	}

	/* Specific to eBusiness Center: a column of text close to image */
	.front .hp-ebusiness img.right {
		margin-left: 13px;
	}

	.hp-ebusiness p {
		width: auto;
	}
	/* Type Magazine cover (Text + Img float): .hp-u-mag-cover */
	.hp-u-mag-title {
		width: auto;
	}

	.hp-u-mag h3 {
		margin: 7px 0 11px 0;
	}

	.hp-u-mag-title ~ p {
		clear: none;
	}

	/* RowType */
	.hp-3-3 .hp-row-bg {
		min-height: 0;
		height: 240px; /* Height of the image */
	}

	.hp-3-3 .hp-row-content h2 {
		margin-top: 21px !important; /* => 30px visually. Needed because it's reset for all h2 in this MQ... */
	}
	/* overrides 768 where it's absolutely positioned in a flex environment */
	.hp-row-bg-img {
		position: static;
	}

	/* seen in page 8.01a (2-column list, check marks into discs as bullets) */
	.corp-teaser .corp-list,
	.corp-teaser .corp-list li {
		width: 100%;
	}

	/* carrier homepage */
	.carrier .corp-hp-slideshow .content {
		width: 155px;
	}

		.carrier .corp-hp-slideshow .content p:not(.more) {
			font-size: 1.091em;
		}

		.carrier .corp-hp-slideshow .content .more {
			font-size: 1.182em;
			bottom: 18px;
		}

	.carrier .corp-hp-slideshow .title {
		float: none;
	}

	.carrier .corp-hp-slideshow .slide img {
		width: 100%;
	}


	#ajax-messages {
		margin-right: -232px;
	}

		#ajax-messages .msg span {
			max-width: 380px;
		}

	.small-main-nav {
		display: none;
	}

		.small-main-nav ul {
			display: none;
			max-width: 462px !important;
			width: 462px !important;
			border: 0 !important;
			border-top: 1px solid !important;
			margin: 0 !important;
		}

			.small-main-nav ul.hidden-menu,
			.small-main-nav ul li.current-menu {
				border: 0 !important;
			}

		.small-main-nav li,
		.small-main-nav li.sep {
			width: 462px !important;
			border-left: 0 !important;
		}

			.small-main-nav li a {
				font-size: 1.182em !important;
				margin-top: 0 !important;
			}

				.small-main-nav li a.return-menu {
					font-size: 1.455em !important;
					padding-top: 14px !important;
					padding-bottom: 9px !important;
				}

					.small-main-nav li a.return-menu i {
						display: none !important;
					}

						.small-main-nav li a.return-menu i.return-icon {
							display: block !important;
							float: left;
							text-align: center;
							width: 28px;
							height: 28px;
							padding-top: 5px;
							margin-right: 15px;
							margin-top: -5px;
						}

	.jq-nav-to-open {
		display: block;
	}

	#lang {
		left: 0;
		top: -17px;
		float: right;
		left: auto;
		right: 109px; /* @BUGFIX 05/11 auto cancels value in higher resolutions and 109px compensates for the width of children (103px + effect of rotate, origin of transformation, etc) */
		margin-bottom: 5px;
		width: auto;
		padding: 0;
	}
		/* This icon is a rotated ">" WxH 22x16px so it's 16x22 once rotated by 90deg */
		#lang .icon {
			margin-right: -22px;
		}

	/* Social network (icons) */
	.small-menu .social-open {
		border: 1px solid transparent;
	}

	#social-network {
		display: none;
		position: absolute;
		top: 86px;
		left: auto;
		z-index: 100;
	}

		#social-network > ul {
			position: relative;
			left: -7px;
			right: 7px;
			width: 480px;
			text-align: right;
		}

	.social-item {
		display: inline-block;
		vertical-align: top;
	}
		/* RQM 31347 / 5 icons so 480/5=96px (Instagram was added) */
		.social-item a {
			display: block;
			width: 80px;
			height: 44px;
			text-align: center;
			padding-top: 8px;
		}
	/* RQM / Fake space in the mobile menu - Same height as the social-item minus the padding */
	#social-network-ghost {
		height: 36px;
	}

	.social-item .icon {
		font-size: 30px;
	}

	.social-item + .social-item {
		margin-left: 0;
	}

	.container-field .jq-check-to-open .left {
		float: none;
		display: block;
		padding: 0 !important;
	}

	.mod-comment .comment-left-block {
		width: 165px;
	}

	.nav-list-left {
		float: none;
		width: 100%;
		position: relative;
		border: 0;
		padding-top: 39px;
	}

		.nav-list-left .icon {
			position: absolute;
			top: 8px;
			left: 160px;
			font-size: 20px;
		}

		.nav-list-left ul {
			width: 100%;
		}

		.nav-list-left li {
			display: none;
			padding: 0;
			border: 0;
		}

			.nav-list-left li.first {
				border: 0;
			}

			.nav-list-left li a {
				margin: 0;
				padding: 5px 21px;
				border: 1px solid;
				border-top: 0;
			}

			.nav-list-left li.current {
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				padding-top: 11px;
				height: 39px;
				border: 1px solid;
				width: 100%;
			}

				.nav-list-left li.current a {
					padding: 3px 5px;
					margin: 0;
					margin-left: 15px;
					border-bottom: 1px solid;
					border-right: 1px solid;
					width: 190px;
					height: 27px;
				}

	/* New insurance page */
	.insurance--tabs {
		text-align: left;
	}

		.insurance--tabs > * {
			display: block;
		}

			.insurance--tabs > * + * {
				margin-left: 0;
				margin-top: 10px;
			}

		.insurance--tabs .radionew__tab label {
			display: block;
			margin-left:
		}

		.insurance--tabs.is-fiveentries {
			display: block;
			width: auto;
			height: auto;
			margin: 0;
			text-align: left;
		}

			.insurance--tabs.is-fiveentries .radionew__tab {
				display: block;
				width: auto;
				height: auto;
			}

	/* Opening hours */
	.corp-week-row,
	.corp-week-row p {
		display: block;
	}

	.info-long {
		padding-top: 0;
	}

	div.jq-check-to-open label {
		margin-right: 0 !important;
	}

	span.jq-check-to-open input {
		display: block;
		float: left;
		clear: left;
		margin-right: 5px !important;
	}

	span.jq-check-to-open label {
		margin-right: 5px !important;
		display: block;
	}

	/*== KENDO */
	/* popup */
	.k-window.k-window {
		max-width: 464px;
		width: 90%; /* ALSA popup Added in 1024+ because Kendo2014 doesn't set width, left or right anymore */
		left: 5%;
		right: 5%;
	}


	/* ==DASHBOARD */
	.dashboard {
		width: 222px;
		margin-bottom: 20px;
	}

	.no-js .dashboard {
		margin-left: 20px;
	}

		.no-js .dashboard:nth-child(3n+1) {
			margin-left: 20px;
		}

		.no-js .dashboard:nth-child(2n+1) {
			margin-left: 0;
		}

	.db-header-title span {
		max-width: 100px;
	}

	.dashboard-banner + #wrapper .inner {
		border: 0;
	}

	.db-table-fav,
	.db-table .fav {
		width: 33px;
	}

	.db-tab {
		padding-left: 9px;
		padding-right: 9px;
	}

	.dashboard-banner .inner {
		padding-left: 13px;
		padding-right: 13px;
		border-top: 0;
	}

	.db-filter-item:nth-child(3n+1) {
		margin-left: 10px;
	}

	.db-filter-item:nth-child(2n+1) {
		margin-left: 0;
	}

	#dashboard-tiles-c3 {
		display: none;
	}

	.dashboard-wrapper {
		width: 222px;
	}

	/* shipment table (4 columns) */
	.db-shipment-table-voyage {
		width: 61px
	}

	.db-shipment-table-vessel {
		width: 71px
	}

	.db-shipment-table-sl {
		width: 46px
	}

	.db-shipment-table-bk {
		width: 30px
	}

	/* Schedule table (4 columns incl. 2 icons) */
	.db-schedule-ref {
		width: 71px
	}

	.db-schedule-label {
		width: 71px
	}

	/* Table with 3 columns (1 icon on left) */
	.db-3col-ref {
		width: 69px
	}

	.db-3col-label {
		width: 106px
	}


	/* Grey/translucent carrier logo on grey background in page 9b.02c */
	.bg-delmas,
	.bg-cnc,
	.bg-anl,
	.bg-cma {
		background-position: 90% 40px;
	}

	.items-table th.small-w100p + td {
		padding-left: 1em;
	}

	/* Control Totals (SI Step 4) - 4 (icon+value+unit) on a darker gray background / RQM 30368 - INS - Add Control Totals to SI Step 4 */
	.ctrltotals.ctrltotals, /* for specificity reasons vs selector .component.component-variation */
	.ctrltotals .ctrltotals-title {
		display: block;
		width: auto;
		margin-left: 0;
	}

	.ctrltotals .ctrltotals-content {
		display: block;
	}

	.ctrltotals .ctrltotals-list {
		overflow: hidden;
	}
	/* 4 (icon // value+unit) in 2x2 grid (already done in 768 for variation *-modeform but not for *-modetable) */
	.ctrltotals .ctrltotals-text {
		display: block;
		margin: 6px 0;
	}

	.ctrltotals .ctrltotals-value {
		padding-left: 0;
	}

	.ctrltotals .ctrltotals-item {
		float: left;
		width: 50%;
		padding: 0 0 10px 0;
		margin-top: 5px;
	}
	/* 7.26 - RQM 25450 - New "banner", total number of containers  */
	.banner-bkg-total {
		font-size: 0.909em; /* 10px ; it's a .h2-like we are styling over */
	}
	/* T&J - RTC 88287 */
	.message-wrapper .message-actions {
		position: absolute;
		top: -45px;
		right: 0;
	}

	.message .message-title,
	.message .message-content {
		padding-left: 25px;
		padding-right: 20px;
		margin-left: 0;
	}

	.message .message-title {
		line-height: 1.4em;
	}

	.message .message-text {
		width: auto;
	}

	.message .message-todo {
		position: absolute;
		right: 15px;
		top: 8px;
		margin: 0;
	}

	.message-title > span {
		padding-right: 45px;
	}

	.message-new::after {
		border: 0;
	}

	.message > a {
		background: #dfdfdf;
	}
	/* RTC 94787 */
	.message .message-btn-decoration {
		left: 25px;
	}

	.subscription-actions {
		border-right: 1px solid #fff;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
	}

	.subscription-alert {
		width: 77px;
		height: 32px;
	}

		.subscription-alert:after {
			width: 30px;
			height: 34px;
		}

		.subscription-alert .icon {
			left: 40px;
			top: 5px;
			font-size: 20px;
		}

		.subscription-alert.is-active .icon {
			left: 10px;
		}

	.jq-toggle-target.toggle-small-closed {
		display: none !important;
	}

	.jq-toggle-target.toggle-small-opened {
		display: block !important;
	}

	/* T&J - RTC 88211 */
	.tl-doc-item {
		width: 175px;
	}

		.tl-doc-item + .tl-doc-item {
			margin-left: 14px;
		}

	.tl-doc_docsonline .tl-doc-item {
		width: 100%;
	}

		.tl-doc_docsonline .tl-doc-item + .tl-doc-item {
			margin-left: 0;
		}

	/* New design/page (?) manage Messages subscriptions (14.07) (RTC 104968) */
	.subnew--header {
		padding-bottom: 10px;
	}

	.subnew--trigger {
		position: relative;
		right: auto;
		top: auto;
		clear: both;
		margin-top: 0;
	}

	.subnew--item {
		padding: 20px 20px;
	}

	/* ------ */
	/* summary blocks for online documentation in 08-templates */
	/* - layout */
	.summary-zone-1,
	.summary-zone-2,
	.summary-zone-3 {
		display: block;
		vertical-align: top;
	}

	.summary-zone-1,
	.summary-zone-2 {
		float: left;
		margin-bottom: 20px;
	}

	.summary-zone-3 {
		clear: left;
		padding: 0;
		border-left: 0;
	}

	.summary-zone-3-2-1,
	.summary-zone-3-2-2 {
		padding-top: 20px;
		margin-top: 20px;
		border-top: 1px solid;
	}
	/* - travel steps */
	.summary-travel-step {
		display: block;
		float: none;
		width: auto;
		padding: 0;
	}

		.summary-travel-step:not(:first-child) {
			margin-top: 10px;
		}

		.summary-travel-step:before {
			display: none;
		}

		.summary-travel-step .icon {
			position: static;
			display: inline-block;
			vertical-align: bottom;
		}

	.cartouche strong {
		max-width: 210px;
	}
}
/* /end MQ 480px */


@media (max-device-width: 768px) and (orientation:landscape) {
	html {
		-webkit-text-size-adjust: 100%
	}
}


@media screen and (max-width: 479px) {

	.xs-hidden {
		display: none !important;
	}
	/* hidden on eXtra-Small widths / 320px */
	.xs-visible {
		display: block !important;
	}

	.xs-block {
		display: block;
	}

	.xs-inbl {
		display: inline-block !important;
	}

	.xs-inline {
		display: inline !important;
	}
	/* .col { display: table-cell; } /* @ALSAAFAIRE V�rifier que rien n'est cass�. �tait-ce une tentative de .xs-col ? */
	.xs-no-float {
		float: none !important;
	}

	.xs-visually-hidden {
		position: absolute;
		left: -7000px;
		text-indent: -7000px;
		overflow: hidden;
	}

	.xs-nowrap {
		white-space: nowrap;
	}

	.xs-wrap {
		white-space: normal;
	}

	.xs-left {
		float: left;
	}

	.xs-right {
		float: right;
	}

	.xs-nofloat {
		float: none !important;
	}

	.xs-smaller {
		font-size: 1em;
	}

	.xs-txt-15 {
		font-size: 1.3636em;
	}

	.xs-txtleft,
	.items-table.xs-txtleft th {
		text-align: left !important;
	}

	.xs-txtright {
		text-align: right;
	}

	label.xs-txtright {
		display: inline-block; /* Will take into account a width like .small-wNNNp */
		margin-right: 10px;
	}

	label.txtright.xs-block,
	.label-like.txtright.xs-block {
		width: auto;
		text-align: left !important;
		display: block;
	}

	label.xs-inbl {
		display: inline-block;
		vertical-align: middle; /* (...) but in seldom occasions (2 lines where input/select are aligned on right but labels not text-aligned on right as in 7.08), we want a width to be applied with the correct vertical-align for form elements. v-a:top on label ruins everything */
	}

	.xs-inbl {
		display: inline-block;
		vertical-align: top;
	}

	.xs-center {
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	.xs-vam {
		vertical-align: middle;
	}

	.xs-vab {
		vertical-align: baseline;
	}
	/* Width */
	.inner {
		width: 304px;
	}
	/* Default design is: One column */
	/* Homepage: slideshow is full width while content is still 304/320px wide */
	.front.cma .corp-content {
		width: 320px;
	}

	.xs-w20p {
		width: 20px !important;
	}

	.xs-w30p {
		width: 30px !important;
	}

	.xs-w40p {
		width: 40px !important;
	}

	.xs-w65p {
		width: 65px !important;
	}

	.xs-w70p {
		width: 70px !important;
	}

	.xs-w80p {
		width: 80px !important;
	}

	.xs-w85p {
		width: 85px !important;
	}

	.xs-w90p {
		width: 90px !important;
	}

	.xs-w95p {
		width: 95px !important;
	}

	.xs-w100p {
		width: 100px !important;
	}

	.xs-w110p {
		width: 110px !important;
	}

	.xs-w120p {
		width: 120px !important;
	}

	.xs-w130p {
		width: 130px;
	}

	.xs-w140p {
		width: 140px !important
	}

	.xs-w145p {
		width: 145px;
	}

	.xs-w150p {
		width: 150px;
	}

	.xs-w160pi {
		width: 150px !important;
	}

	.xs-w170p {
		width: 170px;
	}

	.xs-w175p {
		width: 175px !important;
	}

	.xs-w180p {
		width: 180px !important;
	}

	.xs-w190p {
		width: 190px !important;
	}

	.xs-w200p {
		width: 200px;
	}

	.xs-w210p {
		width: 210px;
	}

	.xs-w220p {
		width: 220px;
	}

	.xs-w230p {
		width: 230px;
	}

	.xs-w240pi {
		width: 240px !important;
	}

	.xs-w245p {
		width: 240px;
	}

	.xs-w270p {
		width: 270px !important;
	}

	.xs-w275p {
		width: 275px !important;
	}

	.xs-w25 {
		width: 25%;
	}

	.xs-w35 {
		width: 35%;
	}

	.xs-w40i {
		width: 40% !important;
	}

	.xs-w45 {
		width: 45%;
	}

	.xs-w48 {
		width: 48%;
	}

	.xs-w50 {
		width: 50% !important;
	}

	.xs-w60 {
		width: 60%;
	}

	.xs-w65 {
		width: 65%;
	}

	.xs-w69 {
		width: 69%;
	}

	.xs-w70 {
		width: 70%;
	}

	.xs-w80 {
		width: 80%;
	}

	.xs-w90 {
		width: 90% !important;
	}

	select.w300p.xs-w100 {
		width: 100% !important;
	}
	/* to override styles from 480.css */

	.xs-w100,
	.col.xs-w100,
	.items-table.xs-w100,
	.small-w310p.xs-w100 { /* @BUGFIX needed for page 16.04 and RQM 21642. We must override a rule with selector select.small-w310p */
		width: 100% !important;
	}

	.xs-wauto {
		width: auto !important;
	}

	.xs-hauto {
		height: auto !important;
	}

	.xs-bdn {
		border: none !important;
	}

	.small-w45, /* overrides small CSS */
	.items-table.w35.small-w45, /* overrides small CSS */
	.items-table .small-2col, /* overrides small CSS */
	.small-itable-2col .items-table.left,
	.small-itable-2col-3r .items-table.left,
	.small-itable-2col tr.medium-w33 {
		width: 100% !important;
	}

		/* WHY THE F$�*$ DO I NEED TO DO THAT  */
		.small-w45.xs-w45 {
			width: 45% !important;
		}

	.xs-h115p {
		height: 115px;
	}

	.xs-h160p {
		height: 160px;
	}

	.xs-h280p {
		height: 280px;
	}

	/* Margin, padding */
	.xs-ma0 {
		margin: 0 !important;
	}

	.xs-mt0 {
		margin-top: 0 !important;
	}

	.xs-mt0-2 {
		margin-top: 2px !important;
	}

	.xs-mt0-5 {
		margin-top: 5px !important;
	}

	.xs-mt1 {
		margin-top: 10px !important;
	}

	.xs-mt1-5 {
		margin-top: 15px !important;
	}

	.xs-mt2 {
		margin-top: 20px !important;
	}

	.xs-mt3 {
		margin-top: 30px !important;
	}

	.xs-mr0,
	.items-table.xs-mr0,
	.items-table.mr10.xs-mr0 {
		margin-right: 0 !important;
	}

	.xs-mr0-4 {
		margin-right: 4px !important;
	}

	.xs-mr0-5 {
		margin-right: 5px !important;
	}

	.xs-mr1 {
		margin-right: 10px !important;
	}

	.xs-mr2 {
		margin-right: 20px !important;
	}

	.xs-mr5 {
		margin-right: 50px !important;
	}



	.xs-mb0 {
		margin-bottom: 0 !important;
	}

	.xs-mb0-5 {
		margin-bottom: 5px !important;
	}

	.xs-mb1 {
		margin-bottom: 10px !important;
	}

	.xs-mb1-5 {
		margin-bottom: 15px !important;
	}

	.xs-mb2 {
		margin-bottom: 20px !important;
	}

	.xs-mb2-5 {
		margin-bottom: 25px !important;
	}

	.xs-mb3 {
		margin-bottom: 30px !important;
	}

	.xs-ml0 {
		margin-left: 0 !important;
	}

	.xs-ml0-2 {
		margin-left: 2px !important;
	}

	.xs-ml0-5 {
		margin-left: 5px !important;
	}

	.xs-ml1 {
		margin-left: 10px !important;
	}

	.xs-ml1-5 {
		margin-left: 15px !important;
	}

	.xs-ml2-5 {
		margin-left: 25px !important;
	}

	.xs-ml3 {
		margin-left: 30px !important;
	}

	.xs-ml3-5 {
		margin-left: 35px !important;
	}

	.xs-ml5-5 {
		margin-left: 55px !important;
	}

	.xs-pa0 {
		padding: 0 !important;
	}

	.xs-pa1 {
		padding: 10px !important;
	}

	.xs-pt0 {
		padding-top: 0 !important;
	}

	.xs-pt1 {
		padding-top: 10px !important;
	}

	.xs-pr0 {
		padding-right: 0 !important;
	}

	.xs-pr1 {
		padding-right: 10px !important;
	}

	.xs-pr1-5 {
		padding-right: 15px !important;
	}

	.xs-pb0 {
		padding-bottom: 0 !important;
	}

	.xs-pb0-5 {
		padding-bottom: 5px !important;
	}

	.xs-pb1 {
		padding-bottom: 10px !important;
	}

	.xs-pl0 {
		padding-left: 0 !important;
	}

	.xs-pl1 {
		padding-left: 10px !important;
	}

	.xs-pl1-5 {
		padding-left: 15px !important;
	}

	.xs-pl12-5 {
		padding-left: 125px !important;
	}

	.xs-right0 {
		right: 0 !important;
		left: auto !important;
	}


	.xs-t-0 {
		position: relative;
		top: 0;
	}

	.xs-t-0-5 {
		position: relative;
		top: 5px;
	}

	.xs-t-2 {
		position: relative;
		top: 20px;
	}

	.xs-bdt1 {
		border-top: 1px solid !important;
		margin-top: 10px;
		padding-top: 10px !important;
	}

	/* LH stands for line-height.
		Can be extended further with classes like .lh-mini, .lh-midi, etc
	*/
	.xs-lh-midi,
	.xs-lh-midi p,
	.xs-lh-midi li {
		line-height: 1.5 !important;
	}

	/* typo */
	.xs-bold {
		font-weight: bold;
	}


	.xs-txtleft {
		text-align: left;
	}

	.xs-txtright {
		text-align: right !important;
	}

	.xs-txtcenter {
		text-align: center;
	}

	/* Header*/
	#search .search-selector .list-selector,
	#header #header-search-input {
		width: 240px;
	}

	#search p.selected label {
		margin-left: 0;
		width: 216px;
	}
	/* Footer */
	#footer p {
		text-align: center;
	}

	/* Padding and margin values from CMA */
	.mod {
		padding: 20px 15px;
		margin-bottom: 10px;
	}

	/* h2 with buttons on its right. Modified in 480, need adjustment in 320 */
	.buttons-line + h2,
	.buttons-line + .h2-like {
		float: static; /* for 7.17 and 8.17 for example */
		margin-bottom: 10px !important;
		padding-top: 8px;
	}

	/* Two buttons on a line : we need to redifine the CSS for 320 */
	.small-fullwidth input,
	.small-fullwidth button {
		width: 47.9% !important; /* We need to redefine the width for 320 */
		padding-left: 5px !important;
		padding-right: 2px !important;
	}

	.buttons-line.small-fullwidth > * + * {
		margin-left: 6px !important;
		margin-top: 0 !important;
	}

	.small-fullwidth .btn-like.xs-w100,
	.small-fullwidth .jq-dropdown.xs-w100,
	.small-fullwidth .btn.xs-w100,
	.small-fullwidth input.xs-w100,
	.small-fullwidth button.xs-w100 {
		width: 100% !important; /* Just for one button in a submit-line in 320 */
	}

	.small-fullwidth .btn-like,
	.small-fullwidth .jq-dropdown,
	.small-fullwidth .btn {
		width: 48.5% !important;
	}

	.step-button > * {
		width: 47.5%;
	}

	/* button in a buttons-line */
	.buttons-line {
		float: none;
	}

		.buttons-line.xs-right {
			float: right;
		}

	/* Two buttons on a line only for 320 */
	.xs-fullwidth {
		margin-top: 20px;
		display: table;
		width: 100%;
		text-align: center;
	}

		.xs-fullwidth button,
		.xs-fullwidth .btn,
		.xs-fullwidth input {
			width: 48%;
		}

	.step-button.xs-fullwidth button,
	.step-button.xs-fullwidth .btn,
	.step-button.xs-fullwidth input {
		width: 48.3%;
	}

	.xs-fullwidth .btn-like {
		display: block !important;
		width: 48%;
		float: left;
	}

	.xs-fullwidth button.btn-like {
		padding-bottom: 5px;
		padding-top: 5px;
	}

	.buttons-line.xs-fullwidth > *:not(:first-child) {
		margin-left: 9px !important;
	}


	/* Custom checkbox: span seen in 13.03, 6a.29 and 6a.30 */
	span.js-checkbox {
		display: block;
		margin-right: 0 !important;
	}


	/* First element displayed after the second one */
	.xs-invert {
		display: table;
		width: 100%;
		margin-bottom: 10px;
	}

		.xs-invert .xs-invert-top {
			display: table-caption;
			float: none;
			padding-bottom: 0 !important;
		}

		.xs-invert .xs-invert-bottom {
			display: table-footer-group;
			float: none;
			padding-bottom: 10px !important;
		}

		.xs-invert .xs-invert-top.xs-pb1 {
			padding-bottom: 10px !important;
			margin-bottom: 0 !important;
		}



	/* Timeline BL detail*/
	.timeline h2,
	.timeline-doc,
	.timeline-horiz-support,
	.timeline-doc ul,
	.timeline-doc li,
	.timeline-doc time,
	.timeline li {
		position: static;
	}

	.timeline h2 {
		margin: 5px 10px;
	}

	.timeline-doc a,
	.timeline-doc span,
	.timeline-doc .timeline-main ul {
		display: block;
	}

	.timeline-doc {
		border: 1px solid;
	}

		.timeline-doc li.current, .timeline-doc a, .timeline-doc span {
			background: none;
		}

		.timeline-doc .timeline-main ul {
			padding-left: 0;
			margin-left: 0;
		}

	.timeline li {
		width: 100%;
		margin-left: 0;
		margin-bottom: 10px;
	}

		.timeline li i,
		.timeline li span,
		.timeline li time,
		.timeline li a {
			display: inline-block;
			padding-left: 10px;
			min-height: 0;
		}

		.timeline li i {
			position: relative;
			top: -2px;
		}

		.timeline li span.th-like {
			width: 7em;
		}

	.timeline .timeline-main {
		position: static;
		margin: 0 10px;
	}

	.timeline-horiz-support,
	.timeline-ctrl,
	.timeline ul {
		vertical-align: middle;
	}

	.timeline-doc {
		margin-bottom: 10px;
	}

	/* tunnel */
	.tunnel-in .num-tunnel {
		position: relative;
		top: auto;
		left: 0;
		margin: 0;
	}

	.tunnel-4-steps .tunnel-in,
	.tunnel-4-steps .tunnel-in.first {
		min-width: 54px;
	}

	.tunnel .last-current:before,
	.tunnel .last:before,
	.tunnel-3-steps li:last-child .tunnel-in:before {
		display: none;
	}


	/* slide containers */
	.slide-containers-selector {
		width: 259px;
	}


	.small-itable-2col .items-table.left,
	.small-itable-2col-3r .items-table.left {
		width: 100% !important;
		float: none !important;
	}

		.small-itable-2col .items-table.left th,
		.small-itable-2col .items-table.left td,
		.small-itable-2col-3r .items-table.left th,
		.small-itable-2col-3r .items-table.left td {
			width: 50%;
		}

		.small-itable-2col-3r .items-table.left th {
			text-align: right !important;
		}

	.items-table.small-midi th, /* overrides small CSS */
	.items-table.xs-midi th {
		width: 10em !important;
		text-align: right;
	}

	.items-table.xs-mega th {
		width: 11em !important;
	}

	.items-table .xs-block {
		margin: 0;
		padding-left: 0;
		padding-bottom: 0;
		text-align: left;
	}


	/* Undo the display in two columns of the table-rows*/
	.items-table.small-horiz-col2 tr { /* overrides small CSS */
		display: table-row;
	}

	.items-table.xs-horiz-col2 tr {
		display: inline-block;
		width: 46%;
	}

	.items-table.xs-horiz tr {
		display: block;
		float: none;
	}

	.items-table.small-horiz tr { /* overrides small CSS @ALSAAFAIRE .small- ??? */
		display: block;
		float: none;
	}

	.items-table.xs-table-block th,
	.items-table.xs-table-block td {
		display: block;
		width: 100% !important;
		padding: 2px 0;
		margin: 0;
		text-align: left;
	}

	.items-table.xs-table-block {
		margin-bottom: 5px;
	}


	.col-1-2 + .col-1-2 {
		margin-top: 10px;
	}


	#footer span {
		position: static;
		display: block;
		margin-top: 10px;
	}

	/* Navigation */
	.banner-login {
		margin-top: 27px;
		width: 100%;
	}

	/* Eco Calculator: HTML adapted in 480, CSS modified in 320 too */
	.small-data-block .small-data-fromto {
		padding: 11px 5px 14px 5px;
	}

	.small-data-fromto > .place {
		width: 116px;
		text-align: center;
		vertical-align: top !important;
	}

		.small-data-fromto > .place strong {
			display: inline;
		}

	.small-data-block table.left {
		width: 100% !important;
		float: none !important;
	}

	.small-db-table table th .icon {
		margin-left: 8px;
	}

	.small-db-table table + table {
		margin-top: 0;
	}

	.small-data-block .items-table.xs-w100.left { /* This many classes to override for 23a.04 an existing rule in 480 */
		width: 100% !important;
		float: none !important;
	}

	.small-data-block .items-table.xs-midi th {
		width: 10em;
	}


	/* already adapted in 480 but columns are not the same widths here */
	.small-db-equipment th,
	.small-db-container th,
	.small-db-vessel th,
	.small-db-goods th,
	.small-db-date th,
	.small-db-bl th {
		width: 51%;
	}

	.small-db-eco-left th,
	.small-db-eco-right th {
		width: 35%;
	}

	/* (6a.01 480) one column in 4.0 becomes a line in 320 */
	.small-data-tracking .small-col1,
	.small-data-tracking .small-col2 {
		float: none;
		width: auto;
	}

	.small-data-tracking .small-col1 {
		margin-bottom: 5px;
	}

	/* 6.31*/
	.filter-mod,
	.filter-list {
		padding: 0 !important;
	}

		.filter-list > li,
		.filter-list > li:nth-child(5) {
			float: none;
			display: block;
			width: auto !important;
			padding: 10px;
			margin-right: 0
		}

			.filter-list > li + li {
				border-top: 1px solid !important;
			}

	.filter-msg .filter-list.small-filter-list-nobd {
		padding: 10px 0 !important;
	}

	.filter-msg .small-filter-list-nobd > li,
	.filter-msg .small-filter-list-nobd > li:nth-child(5) {
		padding: 5px 20px;
	}


	/* Booking block */
	.infobox {
		float: none;
	}

		.infobox + .items-table {
			padding: 10px 0 0;
		}

			.infobox + .items-table.txtleft {
				border-spacing: 0;
			}

	/* Latest news */
	.news-summary .col .col {
		width: 100% !important;
		float: none;
	}

	.news-summary .alternate {
		width: 205px !important;
	}

	/* footer "documents" */
	.download-doc p {
		margin: 6px 0 0 10px;
	}

	/* Latest news : "search by" */
	.hinted .left.w25 {
		float: none;
		width: auto !important;
		margin-bottom: 10px;
	}

		.hinted .left.w25 select {
			width: 55%;
		}

	.hinted .medium-w30 {
		width: 70% !important;
	}

	/* split booking TOOLTIP */
	a.a-tooltip.booking:hover span.east,
	a.a-tooltip.booking:focus span.east {
		width: 304px;
		left: -202px;
	}

		a.a-tooltip.booking:hover span.east:before,
		a.a-tooltip.booking:focus span.east:before {
			left: 202px;
		}

	.si-bl-editable p.a-tooltip span {
		left: -206px;
		max-width: 195px;
	}


	/* create New Account */
	.biz-new-account .col-1-2 {
		margin-right: 0;
	}

	/* modify actions and display dropdown for 100% width */
	.left.jq-dropdown,
	.right.jq-dropdown {
		float: none;
		width: 100% !important;
		margin-left: 0;
	}

	.js .jq-dd-secondary .jq-dd-list-container ul {
		width: 100%;
	}

	.small-data-block .icon.txtmidgray { /* overrides small CSS */
		margin: 0 20px !important;
	}

	/* Banner gray/blue/white for 320 */
	.banner-white p {
		margin-left: 0 !important;
	}


	/* Choice of partner, number of results */
	.partner-choice li.partner .caption {
		left: 6px;
	}

	.tabs-solutions .partner {
		padding-bottom: 4px;
	}

	/* Solutions table */
	.solutions-table tfoot td {
		padding: 10px 0;
	}

	.solutions-table thead th {
		padding-top: 1px;
	}

	.tabs-solutions .partner img {
		height: 32px;
		width: auto;
	}

	/* FAQ Top 5 in sidebar (also 10.02) */
	.faq-top p {
		display: block;
		float: none;
		width: 100% !important;
		/* margin-top: 0; */
	}

	.nav-letters {
		border-top: 1px solid;
		border-left: 1px solid;
	}

		.nav-letters .nav-letter-item {
			width: 14.2857%;
		}

			.nav-letters .nav-letter-item.small-nav-letter-item-2x {
				width: 28.5712%;
			}
	/* 3 contexts for a video, examples are in pages 10.06, 10.10 and 20.05. See templates.css and corporate.css for defaults */
	/* 10.06: tutorial with sidebar */
	.video-with-sidebar .video-player {
		width: 272px;
		height: 192px; /* OK {274 / 193 Fx. Also OK with 272/192} {274 / 193 Chrome = 1px on right. 273 = 1px on bottom. 274/192 = 1px on left and right. 272/192 = OK} */
	}
	/* Page 10.10: tutorial without sidebar (full width) and */
	/* video shortcode in Corp content (ex: 20.05) */
	.video-without-sidebar .video-player,
	.corp-content .video-player {
		height: 210px; /* (304px / 16 * 9) + 39px = 210px */
	}


	#tutorial-masonry {
		margin-right: 0;
	}

		#tutorial-masonry .box {
			width: 100%;
		}

	/* Draft saving below SI Steps, 08/2014 version on white background - RQM 17377 */
	.draft-save,
	.booking-upload {
		padding: 19px 20px 19px 17px;
	}

	.booking-upload {
		padding: 20px 17px;
	}

	/* ----------------------------- */
	/*   ==Corporate                 */
	/* ----------------------------- */
	.corp-main {
		margin: 0;
	}

	/* Default styles for the main content */
	.corp-content .mod {
		padding: 20px 15px;
		margin-top: 20px;
		margin-bottom: 0;
	}


	/* banner */
	.corp-banner {
		width: 320px;
		height: 145px;
	}

	.corp-has-banner .corp-inner {
		width: 312px;
	}

	.corp-banner-image-1 {
		background-position: 52% top;
	}

	.corp-banner-image-2 {
		background-size: 155% auto;
	}

	.corp-inner,
	.corp-layout6 .corp-nav-icons + .corp-inner {
		top: -30px;
		width: 304px;
	}

		.corp-inner h1 {
			margin-right: 10px;
		}

		.corp-inner hr {
			top: 20px;
			margin-bottom: 40px;
		}

		.corp-inner img:first-child,
		.corp-inner img + img {
			margin-left: 0;
		}


	.corp-layout6 .corp-inner {
		width: 304px;
	}



	/* ==Bottom/right menu */
	.corp-aside {
		margin-top: 40px;
	}

	.corp-aside-link,
	.corp-aside-icon {
		height: 48px;
		line-height: 48px;
	}

	.corp-aside-link {
		float: none;
		width: auto;
		text-align: left;
		white-space: nowrap;
	}

		.corp-aside-link + .corp-aside-link {
			margin-left: 0;
			margin-top: 10px;
		}

	.corp-aside-icon {
		display: inline-block;
		width: 48px;
		text-align: center;
	}

		.corp-aside-icon .icon {
			font-size: 30px !important;
		}

	.corp-aside-label {
		display: inline-block;
		vertical-align: middle;
		margin-top: 0;
		margin-left: 15px;
		padding: 0;
		line-height: 1.4em;
		white-space: normal;
	}


	.corp-stats-cb-item {
		width: 148px;
	}

		.corp-stats-cb-item:nth-child(odd) {
			margin-left: 0 !important;
		}

		.corp-stats-cb-item.ml1:nth-child(even) {
			margin-left: 7px !important; /* due to bug Safari OS X */
		}


	/* Archives */
	/*.corp-archives article {
		margin-top: 5px;
	}*/
	.corp-archives h2 {
		float: right;
		width: 188px;
	}

	.corp-archives .item {
		clear: both;
	}

	.corp-archives img {
		margin-right: 10px !important;
	}

	/* Pager */
	.pager-corp a {
		margin-left: 5px;
		margin-right: 5px;
	}

	/* Ellipses removed on small resolution - RQM 32826 - 21.10.2015 */
	.corp-pagination .PagedList-ellipses,
	.PagedList-ellipses {
		display: none;
	}

	/* agenda */
	.corp-agenda h2 {
		margin-bottom: 0;
	}

	.corp-agenda .item img {
		float: right;
		margin: 0 0 10px 10px;
	}

	/* news */
	.corp-news img {
		display: none;
	}

	/* local offices news */
	.corp-news-local-subscribe-home + .corp-content {
		margin-top: 10px;
	}
	/* width of the form elements */
	.corp-news-local-subscribe-input,
	.corp-news-local-subscribe-select,
	.corp-news-local-subscribe-home .corp-news-local-subscribe-input,
	.corp-news-local-subscribe-home .corp-news-local-subscribe-select {
		width: 100%;
	}

	/* trombi */
	.corp-trombi .col {
		width: 275px;
	}

	.corp-trombi .mod {
		margin-top: 15px;
	}

	/* History */

	.corp-history .jq-to-close article,
	.corp-history .jq-to-open article {
		border-top: 0;
		margin-bottom: 0;
	}

	.corp-history .mod {
		margin-bottom: 0;
	}

	.corp-history img {
		margin: 0 !important;
	}

	/* testimony */
	.corp-testimony iframe {
		height: 170px;
	}

	/* les �tapes incontournables */
	.corp-step .btn {
		display: block;
		text-align: center;
	}

	/* CMA en chiffres */
	.corp-stats-cb-item {
		width: 142px;
	}

	/* tripart */
	.corp-tripart .tripart-mid {
		height: 197px;
		padding-top: 30px;
	}
	/* bipart */
	.corp-bipart .bipart-left,
	.corp-bipart .bipart-right {
		width: 304px;
	}

	.corp-bipart .bipart-left {
		padding-bottom: 54px; /* @NOTE Visually renders as 20px vertically between end of content and beginning of arrow */
	}

		.corp-bipart .bipart-left p:last-child {
			margin-top: 18px;
		}


	/* == Modules Highlight Sidebar */
	.corp-sb-highlight .btn {
		width: 100%;
	}

	/* 11.01 */
	.corp-country-list {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

		.corp-country-list.is-columnized {
			-webkit-column-count: initial;
			-moz-column-count: initial;
			column-count: initial;
		}

	.corp-contacts .content {
		padding: 15px 40px 15px 15px !important;
	}

	/* ==HOMEPAGE== */
	/*
	.corp-hp-form .alternate {
		margin-left: 8px;
	}
	.corp-hp-form select,
	.corp-hp-form input[type='text'],
	.corp-hp-form .k-autocomplete-wrapper {
		width: 270px;
	}
*/

	/* slideshow */
	.hp-slideshow .slideshow-content {
		height: 160px;
	}

	/* blocks of content */
	.hp-3-3 .hp-row-bg {
		height: 160px; /* Height of the image */
	}

	/* Type Magazine cover (Text + Img float): .hp-u-mag */
	.hp-u-mag-title ~ p {
		clear: left;
	}

	.corp-table-layout1 td {
		padding: 8px 15px 9px;
		width: 50%;
	}

	.corp-media .content li {
		width: 152px;
	}

	.corp-connect-biz .corp-list li {
		width: 100%;
	}

	/* carrier homepage */
	/*	.carrier .corp-hp-slideshow .content {
		bottom: 0;
		left: 0;
		right: 0;
		top: auto;
		width: auto;
	}
	.carrier .corp-hp-slideshow .content .more {
		background: inherit;
		bottom: 4px;
		padding-left: 10px;
	}
	.carrier .corp-hp-slideshow .slide-pagination {
		bottom: 40px !important;
	}
*/

	#ajax-messages {
		margin-right: -152px;
	}

		#ajax-messages .msg span {
			max-width: 220px;
		}

	.small-main-nav ul {
		max-width: 302px !important;
		width: 302px !important;
	}

	.small-main-nav li,
	.small-main-nav li.sep {
		width: 302px !important;
	}


	#lang {
		margin-left: 67px;
	}
	/* Social network (icons) */
	#social-network > ul {
		width: 320px;
	}
	/* RQM 31347 / 5 icons so 320/5=64px (Instagram was added) */
	.social-item a {
		width: 53px;
	}

	.mod-comment .comment-left-block {
		position: static;
		width: 100%;
	}

	.mod-comment .comment-user, .mod-comment .comment-date {
		background: none;
		border: 0;
		padding-left: 0 !important;
		display: inline-block;
	}

	/*== KENDO */
	/* popup */
	.k-window.k-window {
		max-width: 304px;
	}


	/* ==DASHBOARD */
	.dashboard {
		width: 298px;
		margin-bottom: 20px;
	}

	.no-js .dashboard {
		margin-left: 0 !important;
	}

	.db-header-title span {
		max-width: 170px;
	}

	.db-filter-item {
		margin: 0 0 10px !important;
		width: 100%;
	}

	.db-table-fav,
	.db-table .fav {
		width: 40px;
	}

	#dashboard-tiles-c2 {
		display: none;
	}

	.dashboard-wrapper {
		width: 298px;
	}

	/* Schedule table (4 columns incl. 2 icons) */
	.db-schedule-ref {
		width: 100px
	}

	.db-schedule-label {
		width: 104px
	}

	/* Table with 3 columns (1 icon on left) */
	.db-3col-ref {
		width: 91px
	}

	.db-3col-label {
		width: 153px
	}


	/* Grey/translucent carrier logo on grey background in page 9b.02c */
	.bg-delmas,
	.bg-cnc,
	.bg-anl,
	.bg-cma,
	.bg-apl {
		background-position: 95% 5px;
	}

	/* 7.26 - RQM 25450 - specific styles  */
	.mod-bkg_list-cargos {
		padding-top: 30px !important;
	}

	.banner-bkg-total,
	.banner-bkg-total_title,
	.banner-bkg-total_data {
		line-height: 32px;
	}

	.banner-bkg-total {
		font-size: 0.909em; /* 10px ; it's a .h2-like we are styling over */
	}

	.ico-container {
		margin: 0 7px;
	}
	/* T&J - RTC 88287 */
	.banner-notifications.detail-mode {
		width: 304px;
	}

	.detail-buttons a {
		width: 100px;
	}

	/* T&J - RTC 88211 */
	.tl-doc-item {
		width: 204px;
	}

		.tl-doc-item + .tl-doc-item {
			margin-left: 7px;
		}
}
/* /end MQ 320px */

/* Files for right to left languages */
/* .is-lang-rtl should be added to elements that are easy to identify and never used alone */
/* remember that the basic change of justification comes from adding dir="rtl" to the same element */

/* --- */
/* basic styles */

.corp-main.is-lang-rtl .corp-inner img.right + img.right {
	margin-right: 5px;
	margin-left: 20px
}

.corp-main.is-lang-rtl .corp-content ul {
	padding-right: 0; /* not a reset per se, the ul in copr-content have no padding but because theyr are inverted with dir=rtl we have to bring them to 0 on the other side too */
}

.corp-main.is-lang-rtl .with-icon .icon {
	margin-right: 0;
	margin-left: 4px;
}

/* - to prevent english strings from aligning like arabic */
.corp-main.is-lang-rtl [dir=ltr] {
	text-align: right;
}

/* --- */
/* layout */

.corp-main.is-lang-rtl.corp-has-banner {
	margin-left: 24px;
	padding-left: 0;
	padding-right: 34px;
}

.corp-main.is-lang-rtl.corp-layout6 .corp-nav-icons {
	margin-right: 0;
	margin-left: 25px;
}

/* --- */
/* main dynamic components */

/* - banner */
.corp-main.is-lang-rtl .corp-banner {
	left: auto;
	right: 0;
}
/* - title */
.corp-main.is-lang-rtl .corp-inner h1 {
	padding-right: 0;
	padding-left: 20px;
}
/* - subscription */
.corp-main.is-lang-rtl .corp-news-local-subscribe-home {
	padding-right: 0;
	padding-left: 30px;
}
/* - subtitles (trigger toggle on mobile) */
.corp-main.is-lang-rtl .corp-content .small-jq-next-open,
.corp-main.is-lang-rtl .corp-content .small-jq-next-close {
	padding-right: 0;
	padding-left: 35px;
}

.corp-main.is-lang-rtl .corp-content h2.small-jq-next-open i {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.corp-main.is-lang-rtl .corp-content h2.small-jq-next-close i {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
/* - menus */
.corp-main.is-lang-rtl .corp-nav-icons .nav-items a,
.corp-main.is-lang-rtl .corp-nav-icons .nav-items span {
	padding: 12px 60px 14px 10px;
}

.corp-main.is-lang-rtl .corp-nav-icons .nav-items .icon-deco {
	left: auto;
	margin-right: 0;
	right: 15px;
	margin-left: 4px;
}

.corp-main.is-lang-rtl .corp-nav-icons .nav-items .icon-open {
	right: auto;
	left: 10px;
}
/* - list of local news*/
.corp-main.is-lang-rtl .corp-contacts .content {
	padding-right: 20px !important;
	padding-left: 70px !important;
}

	.corp-main.is-lang-rtl .corp-contacts .content a.icon {
		right: auto;
		left: 40px;
	}
/* - pagination */
.corp-main.is-lang-rtl .corp-pagination .PagedList-skipToFirst .icon,
.corp-main.is-lang-rtl .corp-pagination .PagedList-skipToLast .icon {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.corp-main.is-lang-rtl .corp-pagination .PagedList-skipToFirst {
	left: auto;
	right: 0;
}

.corp-main.is-lang-rtl .corp-pagination .PagedList-skipToPrevious {
	left: auto;
	right: 90px;
}

.corp-main.is-lang-rtl .corp-pagination .PagedList-skipToNext {
	right: auto;
	left: 90px;
}

.corp-main.is-lang-rtl .corp-pagination .PagedList-skipToLast {
	right: auto;
	left: 0;
}
/* - tables in corporate pages */
.corp-main.is-lang-rtl .corp-content .data-table:not([dir]=ltr) th.td-like ~ td {
	border-right: 1px solid #FFFFFF;
}

	.corp-main.is-lang-rtl .corp-content .data-table:not([dir]=ltr) th.td-like ~ td:last-child {
		border-left: 0;
	}
/* - more tables in corp pages */
.corp-main.is-lang-rtl .items-table th {
	text-align: left;
}

.corp-main.is-lang-rtl .corp-content .data-table:not([dir]=ltr) th,
.corp-main.is-lang-rtl .corp-content .data-table:not([dir]=ltr) td,
.corp-main.is-lang-rtl .corp-content .k-data-table:not([dir]=ltr) th,
.corp-main.is-lang-rtl .corp-content .k-data-table:not([dir]=ltr) td,
.corp-main.is-lang-rtl .corp-content .service-s-table:not([dir]=ltr) th,
.corp-main.is-lang-rtl .corp-content .service-s-table:not([dir]=ltr) td,
.corp-main.is-lang-rtl .items-table.txtleft:not([dir]=ltr) th {
	text-align: right;
}

.corp-main.is-lang-rtl .items-table.txtleft:not([dir]=ltr) {
	border-spacing: 0 5px;
}

.corp-main.is-lang-rtl .items-table:not([dir]=ltr) td {
	text-align: right;
	padding-left: 0;
	padding-right: 1em;
}
/* - lists */
.corp-main.is-lang-rtl .corp-content .corp-list li {
	padding-left: 0;
	padding-right: 13px;
	background-position: right 5px;
}

.corp-main.is-lang-rtl .corp-content .list-nostyle li {
	padding-right: 0 !important;
}

.corp-main.is-lang-rtl .corp-content .corp-list-doc .more {
	padding-left: 0;
	padding-right: 26px;
}

.corp-main.is-lang-rtl .corp-list-doc .more .icon {
	left: auto;
	right: 0;
}
/* - bg-triple */
.corp-main.is-lang-rtl [class^=bg-triple] {
	background-position: left center;
}

/* --- */
/* inferior breakpoints */
@media screen and (max-width: 980px) {
	/* - basic styles */
	.corp-main.is-lang-rtl .corp-nav,
	.corp-main.is-lang-rtl .corp-nav-icons,
	.corp-main.is-lang-rtl .corp-layout6 .corp-nav-icons {
		text-align: right;
	}
	/* - layout */
	.corp-main.is-lang-rtl.corp-has-banner {
		margin: 0;
		padding: 0;
	}

		.corp-main.is-lang-rtl.corp-has-banner .corp-inner {
			left: auto;
			right: -8px;
			padding-left: 0;
			padding-right: 40px;
		}

	.corp-main.is-lang-rtl.corp-layout6 .corp-nav-icons {
		margin: 23px 36px 19px;
	}

		.corp-main.is-lang-rtl .corp-inner,
		.corp-main.is-lang-rtl.corp-layout6 .corp-nav-icons + .corp-inner {
			margin-left: 0;
			margin-right: 36px;
		}
	/* - banner*/
	.corp-main.is-lang-rtl .corp-banner {
		margin-left: 0;
		margin-right: -8px;
	}
	/* -title */
	.corp-main.is-lang-rtl.corp-has-banner .corp-inner h1 {
		padding-right: 40px;
		margin-right: -40px;
	}
	/* - menus */
	.corp-main.is-lang-rtl .corp-nav-icons .nav-items a {
		padding-left: 10px !important;
		padding-right: 60px !important;
	}
	/* - pagination */
	.corp-main.is-lang-rtl .corp-pagination .PagedList-skipToNext {
		left: 2.25em;
	}

	.corp-main.is-lang-rtl .corp-pagination .PagedList-skipToPrevious {
		right: 2.25em;
	}
}

@media screen and (max-width: 767px) {
	/* - basic styles */
	.corp-main.is-lang-rtl.corp-has-banner .corp-inner > * {
		padding-left: 0;
		padding-right: 8px;
	}

	.corp-main.is-lang-rtl .corp-inner img.left:first-child,
	.corp-main.is-lang-rtl .corp-inner img.left + img.left {
		margin-right: 20px;
		margin-left: 10px;
	}

	.corp-main.is-lang-rtl .corp-inner img.right:first-child,
	.corp-main.is-lang-rtl .corp-inner img.right + img.right {
		margin-right: 10px;
		margin-left: 20px;
	}
	/* - layout */
	.corp-main.is-lang-rtl.corp-has-banner .corp-inner {
		padding: 0;
	}

	.corp-main.is-lang-rtl .corp-inner,
	.corp-main.is-lang-rtl.corp-layout6 .corp-nav-icons + .corp-inner {
		margin: 0;
	}

	.corp-main.is-lang-rtl .corp-news-local-subscribe-home {
		padding-left: 0;
	}
	/* - title */
	.corp-main.is-lang-rtl.corp-has-banner .corp-inner h1 {
		margin: 0 0 0 20px;
		padding: 11px 8px 15px 16px;
	}
	/* - subtitles */
	.corp-main.is-lang-rtl .corp-content .small-jq-next-open .icon,
	.corp-main.is-lang-rtl .corp-content .small-jq-next-close .icon {
		right: auto;
		left: 0;
	}
}
/* highest breakpoint */
@media ( min-width: 1200px ) {
	/* - layout */
	.corp-main.is-lang-rtl.corp-has-banner {
		float: right;
		margin-left: 0;
		margin-right: -50px;
		padding-left: 0;
		padding-right: 50px;
	}
}

/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*
* Modifed by PHV/Alsacr�ations for CMA Systems
* No white border
*/


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
	outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* CMA MUST - Corporate wysiwyg reset */
.corp-content .flexslider ul {
	margin: 0;
}

.corp-content .flexslider {
	margin-top: 10px;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
	margin: 0;
	padding: 0;
}

/* specific styles for the small carousel */
.flexslider__nav {
	margin-bottom: 30px;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li {
	position: relative;
	display: none;
	/* margin-right: 4px; */
	-webkit-backface-visibility: hidden;
}

	.flexslider .slides > li > a {
		position: relative;
		display: block;
	}

	.flexslider .slides > li::after {
		content: '';
		position: absolute;
		bottom: 0;
		top: 40%;
		right: 0;
		left: 0;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,432f2f+50,432f2f+100&0+0,0.65+100 */
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(67,47,47,0.33) 75%, rgba(67,47,47,0.65) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(67,47,47,0.33) 75%,rgba(67,47,47,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(67,47,47,0.33) 75%,rgba(67,47,47,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6432f2f',GradientType=0 ); /* IE6-9 */
	}

.flexslider__nav .slides > li::after {
	display: none;
}

.flexslider__nav .slides > li {
	cursor: pointer;
}

.flexslider .slides img {
	display: block;
	width: 100%;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}


/* FlexSlider Default Theme
*********************************/
.flexslider {
	position: relative;
	/* margin: 0; */
	/* border: 3px solid #fff; */
	/* background: #fff; */
	zoom: 1;
}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}

.loading .flex-viewport {
	max-height: 300px;
}

.flexslider .slides {
	zoom: 1;
}

.carousel li {
	margin-right: 5px
}


/* Direction Nav */
.flex-direction-nav a {
	position: absolute;
	z-index: 10;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.flexslider__main .flex-direction-nav a {
	top: 50%;
	width: 43px;
	height: 43px;
	margin: -21.5px 0 0;
	background-image: url(img/bg_direction_nav_20170905.png);
	background-repeat: no-repeat;
	opacity: 0.7;
}

	.flexslider__main .flex-direction-nav a:hover {
		opacity: 1;
	}

.flexslider__main .flex-direction-nav .flex-disabled {
	opacity: 0;
	cursor: default;
	pointer-events: none;
}

.flexslider__main .flex-direction-nav .flex-prev {
	left: 5px;
	background-position: 0 0;
}

.flexslider__main .flex-direction-nav .flex-next {
	right: 5px;
	background-position: -43px 0;
}

.flexslider__nav .flex-direction-nav a {
	top: 0;
	bottom: 0;
	width: 20px;
	text-decoration: none;
	background: #fff;
	opacity: 0.6;
	outline: 0 none;
}

	.flexslider__nav .flex-direction-nav a:hover {
		opacity: 0.8;
	}

.flexslider__nav .flex-direction-nav .flex-disabled {
	opacity: 0;
	cursor: default;
	pointer-events: none;
}

.flexslider__nav .flex-direction-nav a::after {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	z-index: 12;
	display: block;
	text-align: center;
	text-indent: 0;
	font-family: 'MustIcons';
	font-size: 20px;
	color: #2c2c2c;
	transform: translateY(-50%);
}

.flexslider__nav .flex-direction-nav .flex-prev {
	left: 0;
}

	.flexslider__nav .flex-direction-nav .flex-prev::after {
		content: '<'
	}

.flexslider__nav .flex-direction-nav .flex-next {
	right: 0;
}

	.flexslider__nav .flex-direction-nav .flex-next::after {
		content: '>'
	}

/* Control Nav */
.flex-control-nav { /* display:none; */
	position: absolute;
	bottom: -40px;
}

	.flex-control-nav li {
		margin: 0 6px;
		display: inline-block;
		zoom: 1;
		*display: inline;
	}

.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #666;
	background: rgba(0,0,0,0.5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

	.flex-control-paging li a:hover {
		background: #333;
		background: rgba(0,0,0,0.7);
	}

	.flex-control-paging li a.flex-active {
		background: #000;
		background: rgba(0,0,0,0.9);
		cursor: default;
	}

.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}

	.flex-control-thumbs li {
		width: 25%;
		float: left;
		margin: 0;
	}

	.flex-control-thumbs img {
		width: 100%;
		display: block;
		opacity: .7;
		cursor: pointer;
	}

		.flex-control-thumbs img:hover {
			opacity: 1;
		}

	.flex-control-thumbs .flex-active {
		opacity: 1;
		cursor: default;
	}

/* Control Nav modified */
.flexslider__nav .flex-control-nav {
	bottom: -25px;
	right: 0;
	left: 0;
	text-align: center;
}

.flexslider__nav .flex-control-paging li {
	margin: 0;
}

	.flexslider__nav .flex-control-paging li + li {
		margin-left: 8px;
	}

	.flexslider__nav .flex-control-paging li a {
		display: block;
		width: 8px;
		height: 8px;
		overflow: hidden;
		border: 1px solid #8d8d8d;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
		text-indent: -9999px;
		font-size: 0;
		background: #fff;
		box-shadow: 0 0 0;
		cursor: pointer;
		transition: background-color .3s;
	}

		.flexslider__nav .flex-control-paging li a.flex-active {
			background: #8d8d8d;
		}

/* CMA safeties */
.corp-inner .flexslider .slides img {
	margin: 0 !important;
}
/* Custom elements added through callbacks */
.flex-must-text {
	position: absolute;
	bottom: 25px;
	right: 30px;
	left: 30px;
	z-index: 2;
	color: #f5f5f5;
	text-shadow: 1px 1px rgba(0,0,0,0.1);
}

.flex-must-title {
	line-height: 1.1;
	font-size: 17px;
}

.flex-must-desc {
	line-height: 1.3;
	font-size: 12px;
}

.flex-must-title + .flex-must-desc {
	margin-top: 15px;
}

.flex-must-text::after {
}

/*
Summary for CMA:
----------------
links-active		#2d75ff
links				#2563d9
bg-main				#184894
pictos				#184894

btn-corporate		#184894
btn-corp-high-bloc	#184894 @ALSAAFAIRE "block" ici et dans dispatch
btn-business-inactive	#d48cae
btn-business		#d81772
btn-corp-high-bg	#fc3636
btn-corp-high-txt	#ffffff
*/

/* ==Styles copied from stylesheets 01 to 05 */
body {
	background-color: #FFFFFF;
	color: #4C4C4C; /*@4C4C4C*/
}

h1,
.h1-like {
	color: #d81772; /*@D71771*/
}

.corp-inner h1,
.corp-inner .h1-like {
	color: #184894; /*@D71771*/
}

hr {
	color: #DFDFDF; /*@DFDFDF*/
	background-color: #DFDFDF; /*@DFDFDF*/
}

.creation-date {
	color: #767676;
}

.table-gut1,
.table-gut1-5,
.table-gut2,
.table-gut4,
.table-gut4-5 {
	border-right-color: #FFFFFF;
}

.table-vert4-5 {
	border-bottom-color: #FFFFFF;
}

.bd-white,
.bd-white3 {
	border-color: #FFFFFF;
}

.bd-pink {
	border-color: #d81772 !important; /*@d81772*/
}

.bd-right-white {
	border-right-color: #FFFFFF !important; /*@FFFFFF*/
}

.bd-bottom-blue1 {
	border-bottom-color: #184894 !important; /*@184894*/
}

.bd-bottom-grayF {
	border-bottom-color: #f5f5f5;
}

.bd-bottom-4-blue {
	border-bottom-color: #184894 !important; /*@184894*/
}

.bd-top-4-blue {
	border-top-color: #184894; /*@184894*/
}

.bd-top-3-blue {
	border-top-color: #184894 !important; /*@184894*/
}
/*.bd-top-3-red {
	border-top-color: #FC3636;
}*/
.bd-top-3-pink {
	border-top-color: #d81772; /*@D71771*/
}

.bd-left-5-white {
	border-left-color: #FFFFFF;
}

/* 2015/08/13 @ALSA-phv Some misplaced :focus form rules were here. Moved below */

.disabled input.datepicker-ymd {
	color: #557B97; /*@557B97*/
}

form .error,
form .error .icon,
.error-message,
.field-validation-error,
.field-validation-error .icon {
	color: #E10135; /*@C5002E*/
}

input.error,
select.error,
textarea.error,
.k-autocomplete-wrapper.error > .k-autocomplete {
	border-color: #E10135 !important; /*@C5002E*/
}

select.input-validation-error,
input.input-validation-error,
textarea.input-validation-error,
.k-wrapper-invalid {
	border-color: #E10135 !important; /* @ALSAAFAIRE !important n'est PAS nécessaire si règles bien placées par rapport à input[type='***'] (situé après)*/ /*@E80C4D*/
}

.field-validation-info .icon {
	color: #9C9C9C;
}


.validation-summary-errors li {
	color: #E10135; /* @ALSAAFAIRE or #.E10135 as seen in C05/ Lot 9a? */ /*@E80C4D*/
}


/* ==TABLE */
.data-table td + td,
.k-data-table td + td,
.data-table th.td-like + td,
.k-data-table th.td-like + td {
	border-left-color: #FFFFFF;
}

.data-table caption,
.k-data-table caption {
	color: #4C4C4C; /*@32424F*/
}

.double-border td {
	border-bottom-color: #DFDFDF; /*@D0D9E0*/
}

.colorbox {
	border-color: #DFDFDF; /*@D2DAE1*/
}

	.colorbox.current {
		background-color: #FFFFFF;
	}

.quote-table thead {
	border-bottom-color: #DFDFDF; /*@D0D9E0*/
}

.quote-table .legend-container {
	color: #2563d9; /*@0068CE*/
}

.quote-table .grand-total th,
.quote-table .grand-total td {
	border-top-color: #DFDFDF; /*@D0D9E0*/
}

.service-s-table .current,
.service-s-cb-wrapper .current {
	background-color: #FFFFFF;
}

.solutions-table .k-alt {
	background-color: #FFFFFF;
}

.table-gut3-5-gray {
	border-right-color: #F5F5F5; /*@F5F5F5*/
}

/* ==borders */
.border,
.bd-solid {
	border-color: #DFDFDF; /*@DFDFDF*/
}

.bd-dash,
.bd-dashed {
	border-color: #DFDFDF; /*@DFDFDF*/
}
/* ALSA textarea Marks&Goods 7.12a : no effect on hover/focus so 1px gray (would seem strange when border is dash) */
textarea.bd-dash:hover,
textarea.bd-dashed:hover,
textarea.bd-dash:focus,
textarea.bd-dashed:focus {
	border-color: #CECECE;
}
/* sort by color */
.bd-grayC,
table.bd-grayC td,
table.bd-grayC th { /* C means #.Cecece */ /*@Cecece*/
	border-color: #CECECE !important; /*@CECECE*/
}

.bd-gray8 { /* "8" means #.8D8D8D */ /*@8D8D8D*/
	border-color: #8D8D8D; /*@8D8D8D*/
}

.bd-blue {
	border-color: #2D75FF; /*@2d75ff*/
}

.bd-color-brand {
	border-color: #184894;
}

.bd-right {
	border-right-color: #DFDFDF; /*@DFDFDF*/
}

.bd-rightC {
	border-right-color: #CECECE; /*@CECECE*/
}

.bd-left {
	border-left-color: #DFDFDF; /*@DFDFDF*/
}

.bd-bottom {
	border-bottom-color: #DFDFDF; /*@DFDFDF*/
}

.bd-top {
	border-top-color: #DFDFDF; /*@DFDFDF*/
}

.bd-top-grayC {
	border-top-color: #CECECE; /*@CECECE*/
}

.bd-top-double {
	border-top-color: #DFDFDF !important; /*@DFDFDF*/
}

.bd-h-grayD { /* "h" = "horizontal and "grayD" = dfdfdf*/
	border-color: #DFDFDF; /*@DFDFDF*/
}


.data-table,
.k-data-table,
.service-s-table {
	border-color: #DFDFDF; /*@DFDFDF*/
}

	.data-table th,
	.k-data-table th,
	.service-s-table th,
	.data-table td.th-like,
	.k-data-table td.th-like,
	.service-s-table td.th-like {
		border-color: #DFDFDF; /* @NOTE vertical border between cell-mini on header cell-mini */ /*@DFDFDF*/
	}

.sep-horiz tr {
	border-bottom-color: #DFDFDF; /* @NOTE This class add horizontal borders (ex: 6a.01) */ /*@DFDFDF*/
}

.sep-horiz-top {
	border-top-color: #F5F5F5; /* @NOTE This class add horizontal borders (ex: 23a.02) */ /*@F5F5F5*/
}

.sep-horiz-topDF { /* "DF" means #.DFDFDF */ /*@DFDFDF*/
	border-top-color: #DFDFDF; /* @NOTE This class add horizontal borders (ex: 23a.02) */ /*@DFDFDF*/
}

.with-sep th,
.with-sep td { /* @NOTE border between all cell */
	border-color: #DFDFDF !important; /*@DFDFDF*/
}


.data-table thead,
.k-data-table thead {
	border-bottom-color: #DFDFDF; /*@DFDFDF*/
}
/* Zebra styling using Kendo own class .k-alt on even rows */
.data-table tbody tr,
.k-data-table tbody tr {
	background-color: white;
}

	.data-table tbody tr.k-alt,
	.data-table tfoot tr.k-alt,
	.k-data-table tbody tr.k-alt,
	.k-data-table tfoot tr.k-alt {
		background-color: #F5F5F5;
	}
/*@F5F5F5*/

.k-grid-header th.fav .icon {
	color: #4C4C4C; /*@4C4C4C*/
}


/* =Table with (container) moves
.date-past is for table,
.colorbox is color legend (after table) of each row */
.date-past, .date-past td,
.colorbox.past {
	background-color: #D6D6D6; /*@D8D8D8*/
}

.date-pastE, .date-pastE td,
.colorbox.pastE { /* E for "ececee" */
	background-color: #EAEAEA; /*@EAEAEA*/
}


.data-table tbody .date-provisional,
.data-table tbody .date-provisional td,
.k-data-table tbody .date-provisional,
.k-data-table tbody .date-provisional td {
	background-color: #F5F5F5; /*@F5F5F5*/
}
/* @NOTE Modified on 2014-02-18 for 6a.01b. Was in above selector before that */
.colorbox {
	background-color: #ECECEC;
}


/* horiz-table 17.01 */
.horiz-table {
	border-color: #DFDFDF;
}

	.horiz-table tr + tr > th,
	.horiz-table tr + tr > td,
	.horiz-table tfoot td {
		border-top-color: #DFDFDF;
	}

	.horiz-table tfoot tr {
		background-color: #FFFFFF;
	}

/* */
.service-s-table {
	background-color: #F5F5F5; /*@F5F5F5*/
}

	.service-s-table td,
	.service-s-table th {
		border-color: #DFDFDF; /*@DFDFDF*/
	}

	.service-s-table .past,
	.service-s-cb-wrapper .past {
		background-color: #EAEAEA; /*@EAEAEA*/
	}

/* */
.solutions-table {
	background-color: #F5F5F5; /*@F5F5F5*/
}

	.solutions-table tbody {
		border-color: #CECECE; /*@CECECE*/
	}

		.solutions-table tbody th,
		.solutions-table tbody td {
			border-bottom-color: #CECECE; /*@CECECE*/
		}

	.solutions-table .k-alt-gray {
		background-color: #EAEAEA; /*@EAEAEA*/
	}

/* Package table: 9b.03 and 9b.07 */
.package-table thead td ~ th, /* "td ~" part only needed here because we need at least as much specificity as 05-tables.css "th ~ th" but that should match the 1st th as well... */
.package-table tfoot td + td {
	border-color: #DFDFDF; /*@DDDDDD*/
	/* background: #FFFFFF; see 05-tables.css for white bg */
}
/* RQM 28709 Gray background for column Starter */
.package-table thead td + th {
	background: transparent;
}

.package-table tbody {
	border-color: #DFDFDF; /*@DDDDDD*/
}

	.package-table tbody td {
		border-left-color: #DFDFDF; /*@DDDDDD*/
	}

.package-table .k-alt {
	background: #FFFFFF;
}
/* RQM 28709 Green border around column if subscribed */
.package-table thead .col-selected {
	/* border-color: #FF0000 #FF0000 #DFDFDF #FF0000; */
	border-color: #238E07 #238E07 #DFDFDF #238E07;
}

.package-table tbody .col-selected {
	border-left-color: #238E07;
	border-right-color: #238E07;
}

.package-table tfoot .col-selected {
	/* border-color: #DFDFDF #FF0000 #FF0000 #FF0000; */
	border-color: #DFDFDF #238E07 #238E07 #238E07;
}

.package-overlay {
	border: #DFDFDF; /*@DDDDDD*/ /*@ALSAAFAIRE border-color et retrouver le border dans aute fichier CSS*/
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAALElEQVQIW2NkwALu3r37nxFdHCSorKzMiCIBEwQphksgC8Il0AXBEtgEQRIAzbcXnfcK9agAAAAASUVORK5CYII=) rgba(245, 245, 245, 0.6); /* @NOTE see fallback for IE8- in ie.css */
}

tr.toggle-active {
	border-top-color: #DFDFDF; /* only when TR toggle is active */ /*@DFDFDF*/
}


/* ==FORMS.css */
input[type='color'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='email'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='time'],
input[type='url'],
input[type='week'],
select,
textarea {
	border-color: #8D8D8D; /*@8D8D8D*/
	background-color: white;
	color: #4C4C4C; /*@4C4C4C*/
}

	input[type='color'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
	input[type='date'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
	input[type='datetime'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
	input[type='datetime-local'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
	input[type='email'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
	input[type='month'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
	input[type='number'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
	input[type='password'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
	input[type='search'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
	input[type='tel'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
	input[type='text'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
	input[type='time'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
	input[type='url'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
	input[type='week'].bd-color-brand:not(:hover):not(:focus):not([disabled]),
	select.bd-color-brand:not(:hover):not(:focus):not([disabled]),
	textarea.bd-color-brand:not(:hover):not(:focus):not([disabled]) {
		border-color: #184894;
	}

	/* ALSA border2px color defined here for each carrier. Border width and padding defined in 03-forms.css */
	input[type='color']:hover,
	input[type='date']:hover,
	input[type='datetime']:hover,
	input[type='datetime-local']:hover,
	input[type='email']:hover,
	input[type='month']:hover,
	input[type='number']:hover,
	input[type='password']:hover,
	input[type='search']:hover,
	input[type='tel']:hover,
	input[type='text']:hover,
	input[type='time']:hover,
	input[type='url']:hover,
	input[type='week']:hover,
	select:hover,
	select[size]:hover,
	textarea:hover {
		border-color: #2563d9; /*ALSA Now 2px wide and blue on hover/focus / @4C4C4C and before that @4F4F4F*/
	}

	/* ALSA border2px color defined here for each carrier. Border width and padding defined in 03-forms.css */
	input[type='color']:focus,
	input[type='date']:focus,
	input[type='datetime']:focus,
	input[type='datetime-local']:focus,
	input[type='email']:focus,
	input[type='month']:focus,
	input[type='number']:focus,
	input[type='password']:focus,
	input[type='search']:focus,
	input[type='tel']:focus,
	input[type='text']:focus,
	input[type='time']:focus,
	input[type='url']:focus,
	input[type='week']:focus,
	select:focus,
	select[size]:focus,
	textarea:focus,
	button:focus,
	input[type='button']:focus,
	input[type='reset']:focus,
	input[type='submit']:focus {
		border-color: #2563d9; /*@184894*/
	}

	/* ALSA border2px Not blue on hover/focus, must stay gray */
	input[type='color'][disabled],
	input[type='date'][disabled],
	input[type='datetime'][disabled],
	input[type='datetime-local'][disabled],
	input[type='email'][disabled],
	input[type='month'][disabled],
	input[type='number'][disabled],
	input[type='password'][disabled],
	input[type='search'][disabled],
	input[type='tel'][disabled],
	input[type='text'][disabled],
	input[type='time'][disabled],
	input[type='url'][disabled],
	input[type='week'][disabled],
	select[disabled],
	textarea[disabled] {
		border: 1px solid #B1B1B1; /*@B1B1B1*/
	}


	/*
 * Disabled states.
 */

	input[type='color'][disabled],
	input[type='date'][disabled],
	input[type='datetime'][disabled],
	input[type='datetime-local'][disabled],
	input[type='email'][disabled],
	input[type='month'][disabled],
	input[type='number'][disabled],
	input[type='password'][disabled],
	input[type='search'][disabled],
	input[type='tel'][disabled],
	input[type='text'][disabled],
	input[type='time'][disabled],
	input[type='url'][disabled],
	input[type='week'][disabled],
	select[disabled],
	textarea[disabled] {
		background-color: #F5F5F5 !important; /*@FCFCFC*/
	}

		/* @ALSAAFAIRE A priori même couleur de texte pour input et select si disabled donc on supprimera. Cf. PSD 11.08
input[disabled],
select[disabled],
 */ select[disabled] option,
		select[disabled] optgroup,
		textarea[disabled],
		button[disabled],
		button[disabled] .icon {
			color: #888888; /*@888888*/
		}

/*
 * WebKit specific stuff.
 */

@media (-webkit-min-device-pixel-ratio: 0) {

	::-webkit-input-placeholder {
		color: #767676; /* @NOTE Minimal contrast with value less or equal than 777 */ /*@777777*/
	}
}
/* end of "Webkit only" block */

/*
 * Firefox specific stuff.
 */

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #767676; /* @NOTE With 777777 or less, attains the minimal contrast ratio of 4.5:1 on white background. */ /*@777777*/
}

/* a fieldset with a (blueish) border and a legend in bold */
fieldset.genuine {
	border-color: #CECECE; /*@CECECE*/
}

.checkbox-icon .icon {
	background: #F5F5F5; /*@F5F5F5*/
}

.package-table .k-alt .checkbox-icon .icon {
	background: white;
}

.package-table .icon-forbidden-package,
.package-table .disabled .icon {
	color: #4C4C4C; /* disabled (under overlay) or unchecked */ /*@4C4C4C*/
}

.package-table caption span span {
	background: #F5F5F5;
}

.package-table caption > span {
	border-color: #eaeaea;
}


input[type='button'],
input[type='reset'],
input[type='submit'],
.btn,
button {
	background: #F0F0F0; /*@EFEFEF*/
	color: #3F3F3F; /*@404040*/
}
/* different colors for the button */

button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
	background: #F0F0F0; /* grey */ /*@EFEFEF*/
	color: #4C4C4C; /*@4C4C4C*/
}

	.btn.alternate,
	button.alternate,
	input[type='button'].alternate,
	input[type='reset'].alternate,
	input[type='submit'].alternate {
		background: #d81772; /* pink */ /*@D71771*/
		color: #FFFFFF;
	}

.corp-inner .btn.alternate,
.corp-inner button.alternate,
.corp-inner input[type='button'].alternate,
.corp-inner input[type='reset'].alternate,
.corp-inner input[type='submit'].alternate {
	background: #184894; /* pink */ /*@D71771*/
}

.btn.secondary,
button.secondary,
input[type='button'].secondary,
input[type='reset'].secondary,
input[type='submit'].secondary {
	background: #888888; /* dark gray */ /*@888888*/
	color: #FFFFFF;
}

.link-like {
	color: #2563d9; /*@0068CE*/
}

	.link-like:active {
		color: #2d75ff;
	}
/*.link-like:visited {
	color: #660099;
}*/

input.icon {
	background: #F9F9F9; /*@F9F9F9*/
	border-color: #DFDFDF; /*@DFDFDF*/
}


input.alternate.lightgray,
button.alternate.lightgray,
.btn.alternate.lightgray {
	border-color: #DFDFDF; /*@DFDFDF*/
	background: #F9F9F9; /*@F9F9F9*/
	color: #4C4C4C; /*@4C4C4C*/
}
/* RQM 29587 - Corporate - CSS bug with subscribe button on news detail page / .gray-on-white in lieu of .alternate.white */
input.gray-on-white.gray5,
button.gray-on-white.gray5,
.btn.gray-on-white.gray5 {
	border-color: #8D8D8D; /*@DFDFDF*/
	color: #8D8D8D; /*@4C4C4C*/
}
/* RTC 97035 - New variant (sic) */
input.gray-on-white,
button.gray-on-white,
.btn.gray-on-white {
	border-color: #DFDFDF; /*@DFDFDF*/
	background: #FFFFFF; /*@F9F9F9*/
	color: #4C4C4C; /*@4C4C4C*/
}
/* RQM 28709 Green on white and white on background green buttons in header ("+ Unsubscribe" and "+ Subscribe") */
input.green,
button.green,
.btn.green {
	border-color: #238E07;
	color: #238E07;
	background-color: #FFFFFF;
}

	input.green:focus,
	input.green:hover,
	button.green:focus,
	button.green:hover,
	.btn.green:focus,
	.btn.green:hover {
		color: #1E7906; /* #238E07 with luminosity 60/255 instead of 70 */
	}

.bg-green,
input.bg-green,
button.bg-green,
.btn.bg-green {
	color: #FFFFFF;
	background-color: #238E07;
}

	input.bg-green:focus,
	input.bg-green:hover,
	button.bg-green:focus,
	button.bg-green:hover,
	.btn.bg-green:focus,
	.btn.bg-green:hover {
		background-color: #1E7906; /* #238E07 with luminosity 60/255 instead of 70 */
	}

input.alternate.disabled,
button.alternate.disabled,
input.alternate.disabled:focus,
input.alternate.disabled:hover,
button.alternate.disabled:focus,
button.alternate.disabled:hover,
.btn.alternate.disabled:focus,
.btn.alternate.disabled:hover {
	background: #d48cae; /*@E3B4CA*/
	color: #F1DCE6; /*@F1DCE6*/
}

.btn.alternate.gray,
input.alternate.gray,
button.alternate.gray {
	background: #DFDFDF; /*@DFDFDF*/
	color: #4C4C4C; /*@4C4C4C*/
}

.btn.alternate.grayc,
input.alternate.grayc,
button.alternate.grayc {
	background: #CECECE; /*@CECECE*/
	color: #4C4C4C; /*@4C4C4C*/
}

.btn.alternate.darkblue,
input.alternate.darkblue,
button.alternate.darkblue,
.service-s-table .alternate.darkblue {
	background: #184894; /*@184894*/
	color: #FFFFFF;
}

.btn.darkgray, input.darkgray, button.darkgray,
.btn.darkgray8, input.darkgray8, button.darkgray8 {
	color: #FFFFFF;
}

input.alternate:focus,
input.alternate:hover,
button.alternate:focus,
button.alternate:hover,
.btn.alternate:focus,
.btn.alternate:hover {
	background: #d81772; /*@BB1463*/
	color: #FFFFFF;
}

.btn.alternate.gray:focus,
input.alternate.gray:focus,
button.alternate.gray:focus,
.btn.alternate.gray:hover,
input.alternate.gray:hover,
button.alternate.gray:hover {
	color: #4C4C4C;
}

.corp-inner input.alternate:focus,
.corp-inner input.alternate:hover,
.corp-inner button.alternate:focus,
.corp-inner button.alternate:hover,
.corp-inner .btn.alternate:focus,
.corp-inner .btn.alternate:hover {
	background: #184894; /*@BB1463*/
	color: #FFFFFF;
}

input.alternate.lightgray:focus,
input.alternate.lightgray:hover,
button.alternate.lightgray:focus,
button.alternate.lightgray:hover,
.btn.alternate.lightgray:focus,
.btn.alternate.lightgray:hover,
.k-pager-wrap .k-pager-nav:hover {
	background: #DFDFDF; /*@F5F5F5*/
	color: #4C4C4C;
}

.btn.alternate.gray:focus,
.btn.alternate.gray:hover,
input.alternate.gray:focus,
input.alternate.gray:hover,
button.alternate.gray:focus,
button.alternate.gray:hover {
	background: #CECECE; /*@CCCCCC*/
}

.btn.alternate.grayc:focus,
.btn.alternate.grayc:hover,
input.alternate.grayc:focus,
input.alternate.grayc:hover,
button.alternate.grayc:focus,
button.alternate.grayc:hover {
	background: #4C4C4C; /*@4C4C4C*/
	color: #FFFFFF;
}

.btn.alternate.darkblue:focus,
.btn.alternate.darkblue:hover,
input.alternate.darkblue:focus,
input.alternate.darkblue:hover,
button.alternate.darkblue:focus,
button.alternate.darkblue:hover,
.service-s-table .alternate.darkblue:focus,
.service-s-table .alternate.darkblue:hover {
	background: #184894; /*@184894*/
}

.btn.secondary:focus,
.btn.secondary:hover,
input.secondary:focus,
input.secondary:hover,
button.secondary:focus,
button.secondary:hover {
	background: #4C4C4C; /*@4C4C4C*/
}

.btn.secondary.disabled,
.btn.secondary.disabled:focus,
.btn.secondary.disabled:hover,
input.secondary.disabled,
input.secondary.disabled:focus,
input.secondary.disabled:hover,
button.secondary.disabled,
button.secondary.disabled:focus,
button.secondary.disabled:hover {
	background: #cecece;
}

.btn.darkblue,
button.darkblue,
input.darkblue {
	color: #FFFFFF;
}

.btn:active,
button:active,
input[type='button']:active,
input[type='reset']:active,
input[type='submit']:active {
	border-color: #999999 #BBBBBB #DFDFDF; /*@999999*/
}

a.btn:focus,
a.btn:hover {
	background: #E4E4E4; /*@E6E6E6*/
}

/* Arrow of a block below a button like RQM 28709 p. 9b.03 (see also bkg-draft-save 7.04f) */
/* button with - below - an arrow and bordered block 09/2014 Seen in 9b.03 below "Package table" (Account management)
	Color depends of parent button (and matches color of border of block itself) */
.arrow-below {
	border-bottom-color: #B8B8B8; /* should be #CECECE but it's so aliased... */
}

.alternate .arrow-below {
	border-bottom-color: #d81772;
}


/*.timeline-ctrl:focus,
.timeline-ctrl:hover {
	background-color: transparent;
}*/

.timeline-ctrl-prev {
	background: url(img/prev-btn-left.png) left center no-repeat #EAEAEA; /*@EAEAEA*/
}

	.timeline-ctrl-prev:after {
		background: url(img/prev-btn-right.png) left center no-repeat #EAEAEA; /*@EAEAEA*/
	}

.timeline-ctrl-next {
	background: url(img/next-btn-right.png) right center no-repeat #EAEAEA; /*@EAEAEA*/
}

	.timeline-ctrl-next:before {
		background: url(img/next-btn-left.png) left center no-repeat #EAEAEA; /*@EAEAEA*/
	}

/* Timeline (2015, new design) / Carriers CNC and USL: all blue-ish, no red */
.tl-doc-item.current {
	border-color: #184894;
}

.tl-doc-arrow {
	border-top-color: #184894;
}

.tl-icon-current .icon {
	border-color: #184894;
	color: white;
	background-color: #184894;
}

.tl-doc-status {
	color: #184894;
}

.tl-doc-icon a,
.tl-doc-icon a .icon {
	color: #2563d9;
}

	.tl-doc-icon a:hover,
	.tl-doc-icon a:hover .icon {
		color: #fff;
		background: #2563d9;
	}

.tl-doc.has-tabs,
.tl-doc_docsonline {
	border-bottom-color: #184894;
}

	.tl-doc.has-tabs .tl-doc-item,
	.tl-doc_docsonline .tl-doc-item {
		border-color: transparent;
	}

		.tl-doc.has-tabs .tl-doc-item.current,
		.tl-doc_docsonline .tl-doc-item.current {
			background: #fff;
			border-color: #184894;
		}

	.tl-doc_docsonline .tl-doc-list:after {
		background: #184894;
	}

	.tl-doc.has-tabs .tl-doc-item.current .tl-icon .icon,
	.tl-doc_docsonline .tl-doc-item.current .tl-icon .icon {
		border-color: #184894;
		color: #fff;
		background: #184894;
	}

	.tl-doc.has-tabs .tl-ctrl-inactive {
		cursor: default;
		pointer-events: none;
	}

/* filters */
.btn-open-filter .icon {
	color: #184894; /*@184894*/
}

.btn-arrowdown:after { /* Used in 19.02 and 19.06 (opening keydates) */
	border-bottom-color: #DFDFDF; /*@DFDFDF*/
}


/* END : Styles copied from stylesheets 01 to 05 */



/* Links */
a {
	color: #2563d9; /*@0068CE*/
	text-decoration: none;
}

	a:active {
		color: #2d75ff;
	}
	/*a:visited {
	color: #660099;
}*/
	a:hover, a:focus {
		text-decoration: underline;
	}


/* modules */
.mod,
.grayf5,
.mod .icon-ellipsis,
.grayf5 .icon-ellipsis {
	background: #F5F5F5; /*@F5F5F5*/
}

	.mod.alternate {
		background: #d81772;
	}
/*@D71771*/
.bg-magenta {
	background-color: #d81772;
	color: #FFFFFF;
}
/*@D71771*/
.corp-inner .bg-magenta {
	background-color: #ffffff;
}


select {
	color: #4C4C4C; /**@4C4C4C*/
	background-color: white; /*white*/
}

.warning,
.text-warning {
	color: #FF8400; /*@ED5B42*/
}

.icon,
.alternate.lightgray.icon {
	color: #184894; /*@184894*/
}

	.icon.link-like {
		color: #2563d9;
	}

a:hover .icon.link-like {
	color: #2d75ff;
}

.data-table tbody tr,
.k-data-table tbody tr {
	background-color: white;
}


.data-table th.fav .icon {
	color: #4C4C4C !important; /*@32424F*/
}
/* @NOTE "Favorite" icons are gray when functionality is disabled (ex: requires logging) by adding class ".fav-disabled" on cell th/td */
.disabled .icon,
.data-table th.fav-disabled .icon,
.data-table td.fav-disabled .icon {
	color: #B9C2C7; /*@B9C2C7*/
}

/* Icons */
input .icon,
button .icon,
.btn.icon,
.alternate.with-icon.lightgray .icon {
	color: #4C4C4C; /*@4C4C4C*/
}

.alternate.with-icon .icon {
	color: #FFFFFF;
}

.alternate.disabled.with-icon .icon {
	color: #F1DCE6; /*@F1DCE6*/
}

.icon.gray,
.data-table .icon.gray {
	color: #9B9B9B; /*@9B9B9B*/
}

.icon.lightgray {
	color: #ececec;
}

.mod.bg-white .icon.lightgray {
	background: transparent;
}

.icon.blue,
.data-table .icon.blue,
.message-title .icon-rounded-secondary.blue,
.message .message-btn-unfold .icon {
	color: #184894; /*@184894*/
}

.icon.icon-save {
	color: #d81772;
}

.blue .icon {
	color: white;
}

.icon.green,
.icon.white {
	color: #238E07; /*@318F45*/
}

.icon.red { /* @NOTE That's orange in fact... See error below for red color */
	color: #FF8400; /*@ED5B42*/
}

.icon.error {
	color: #E10135;
}

/* One classe icon color for legend like 16.03 @ALSAAFAIRE supprimer quand 16.01 et 16.03 corrigés */
.icon-green {
	color: #23b026 !important;
}

.icon-red {
	color: #ed5b42 !important;
}

.icon-orange {
	color: #f29528 !important;
}
/* Grays */
.lightgray {
	background: #F9F9F9; /*@F9F9F9*/
}

.txtlightgray {
	color: #F9F9F9; /*@F9F9F9*/
}

.bdlightgray {
	border: #F9F9F9; /*@F9F9F9*/ /*@ALSAAFAIRE border-color et retrouver le border dans aute fichier CSS*/
}

.midgray {
	background: #DFDFDF; /*@DFDFDF*/
}

.txtmidgray {
	color: #DFDFDF; /*@DFDFDF*/
}

.bd-midgray,
.bdmidgray {
	border-color: #DFDFDF; /*@DFDFDF*/
}

.bd-gray3 {
	border-color: #DFDFDF; /*@DFDFDF*/
}

.bd-grayF5 {
	border-color: #F5F5F5;
}

.bd-btn-business {
	border-color: #d81772; /*pink*/
}


.corp-content .corp-bd-gray {
	border-color: #f5f5f5;
}

.darkgray {
	background: #767676 !important; /* to override background-color from button & input[type="submit"] */ /*@797979*/
}

.darkgray8 {
	background: #888888 !important; /* to override background-color from button & input[type="submit"] */ /*@888888*/
}

.bg-gray,
.bg-grayE {
	background: #ECECEE !important; /* to override background-color from small-data-list */ /*@EAEAEA*/ /*@ALSAAFAIRELP*/
}

.bg-gray2 {
	background: #CECECE !important; /* to override background-color from small-data-list */ /*@CECECE*/
}

.bg-gray3 {
	background-color: #F0F0F0 !important; /* to override background-color from small-data-list */ /*@EFEFEF*/
}

.bg-gray4 {
	background: #4C4C4C !important; /* to override background-color from small-data-list */ /*@4C4C4C*/
}

.bg-gray-mod {
	background-color: #F5F5F5;
}

.bg-grayD {
	background-color: #dfdfdf;
}

@media screen and (max-width: 980px) {
	.medium-bg-grayE {
		background: #ECECEE !important;
	}
}

.darkblue,
.bg-blue1 {
	background: #184894; /*@184894*/
}

.bg-blue1-btn-corp-high-bloc {
	background: #2563d9;
}

.bg-darkblue {
	background: #184894 !important; /*@184894*/
}

.bg-darkblue-btn-corporate {
	background: #184894 !important; /*@184894*/
}

.bg-purple {
	background: #5C3492; /*@5C3492*/
}

.bg-bluegreen {
	background: #13A1A1; /*@13A1A1*/
}


.bg-pencil {
	background: url(../Content/img/pencil.png) no-repeat 0 50%;
}

.bg-buoy {
	background: url(../Content/img/buoy.png) no-repeat 0 0;
}
/* @NOTE .grayN is a gray in-between #.N0N0N0 and #.NFNFNF (ex: .gray4 could be a gray between #.3F3F3F and #.4F4F4F, its name is defined with the first digit of RGB notation.
   Please don't add suddenly another gray too close to an existing one, it's unnecessary! */
.gray1 {
	color: #2C2C2C; /*@2C2C2C*/
}

.gray2 {
	color: #2C2C2C; /*@2C2C2C*/
}

.gray4 {
	color: #4C4C4C !important; /* @NOTE Must appear after .icon rule */ /* to override the color in corp-content */ /*@4C4C4C*/
}

.gray5 {
	color: #8D8D8D; /*@A6A6A6*/
}

.gray57 {
	color: #6c6c6c; /*@585858*/
}

.gray6 {
	color: #6C6C6C !important; /*@6D6D6D*/
}

.gray7 {
	color: #767676 !important; /* to override the color in corp-content */ /*@7B7B7B*/
}

.gray8 {
	color: #888888; /*@888888*/
}

.gray9 {
	color: #9B9B9B; /*@888888*/
}

.grayC {
	color: #CECECE; /*@CECECE*/
}
/* seen in gigantic icons as a background - 20b.06 (like .bg-triple but without any bg-image, just 3 icons) */
.grayE {
	color: #E2E2E2;
}

/* CMA: Blue Corporate */
.blue1 {
	color: #184894; /*@184894*/
}

.main-blue1,
.corp-content .main-blue1 {
	color: #184894;
}

.links-blue1 {
	color: #2563d9;
}

	.links-blue1:active {
		color: #2d75ff;
	}
/*.links-blue1:visited {
	color: #660099;
}*/

.icon-blue1 {
	color: #184894;
}

.icon-rss {
	color: #184894;
}

.blue2 {
	color: #184894; /*@0068CE*/
}

.links-blue2 {
	color: #2563d9; /*@0068CE*/
}

	.links-blue2:active {
		color: #2d75ff;
	}
/*.links-blue2:visited {
	color: #660099;
}
.links-blue2:visited {
	color: #660099;
}*/


/* CMA: Corporate highlight ("coquelicot") */
.red1 {
	color: #fc3636; /*@FC3636*/
}

#ajax-messages .red1 {
	color: #FC3636; /*@FC3636*/
}

.pink {
	color: #d81772 !important; /*@D71771*/
}
/* Used for displaying warning messages in AJAX */
.orange {
	color: #FF8400; /*@FF6C00*/
}

.green {
	color: #238E07; /*@249B62*/
}

.white {
	color: #FFFFFF !important; /* to override button .icon */ /*@FFFFFF*/
}

/* text on white background (generally with a .border) */
.bg-white {
	background: #FFFFFF !important; /*@FFFFFF*/
}

.bg-red1 {
	background-color: #fc3636; /*@FC3636*/
	color: #ffffff; /*@FFFFFF*/
}

#ajax-messages .bg-red1 {
	background-color: #FC3636; /*@FC3636*/
	color: #FFFFFF;
}
/* Used for displaying warning messages in AJAX */
.bg-orange {
	background-color: #FF8400; /*@FF6C00*/
	color: #FFFFFF;
}

/* Containers colors */
/* Colors for "C20" and "C20ST" are the default given by ".small-data-table .highlight" (white on blueish) */
.c40,
.c40st {
	background: #2C2C2C !important; /* dark gray */ /*@3F3F3F*/
	color: #FFFFFF;
}

.c45 {
	background: #d81772 !important; /* magenta */ /*@D71771*/
	color: #FFFFFF;
}


/* Styles copied from other stylesheets */

/* ==CORPORATE */
.corp-main {
	background-color: #FFFFFF;
}

.corp-has-banner {
	border-top-color: #184894; /*@184894*/
}

.corp-nav .current a {
	color: #184894; /*@184894*/
}

.corp-nav li li.current a {
	color: #184894 !important; /*@184894*/
}

.corp-nav .current a:active {
	color: #184894; /*@184894*/
}

.corp-nav li li.current a:active {
	color: #184894 !important; /*@184894*/
}

.corp-nav .current a:visited {
	color: #184894; /*@184894*/
}

.corp-nav li li.current a:visited {
	color: #184894 !important; /*@184894*/
}

.corp-nav {
	background: #F5F5F5; /*@F5F5F5*/
}

	.corp-nav .title-like {
		border-color: #F0F0F0; /*@EEEEEE*/
		color: #9B9B9B; /*@9B9B9B*/
	}

.corp-nav-icons .title-like {
	border-color: #dfdfdf;
}

.corp-nav .title-like a {
	color: #184894; /*@184894*/
}

	.corp-nav .title-like a:hover {
		color: #2d75ff; /*@184894*/
	}

.corp-nav a {
	color: #6C6C6C; /*@707070*/
}

.corp-nav .nav-items ul {
	border-top-color: #CECECE; /*@CECECE*/
	border-bottom-color: #CECECE; /*@CECECE*/
}

.corp-nav li li a {
	color: #6C6C6C !important; /*@707070*/
}
/* T&J - RTC 98807 - New navigation*/
/* current states */
.corp-nav-icons .nav-items .nav-item-1.is-current,
.corp-nav-icons .nav-items .nav-item-1.is-current .icon-deco,
.corp-nav-icons .nav-items .nav-item-2.is-current {
	color: #184894; /* #184894 */
	background: #fff;
}
/* hover states */
.corp-nav-icons .nav-items .nav-item-1:hover,
.corp-nav-icons .nav-items .nav-item-1:hover .icon,
.corp-nav-icons .nav-items .nav-item-2:hover {
	color: #fff;
	background: #2563d9; /* #2563d9 */
}

.corp-nav-icons .nav-items .nav-item-1:hover {
	border-color: #2563d9 !important; /* #2563d9 */
}

.corp-content h2,
.corp-content .h2-like {
	color: #2C2C2C; /*@2C2C2C*/
}
/* as in 21.01 */
.corp-content h3,
.corp-content .h3-like {
	color: #2C2C2C;
}

.corp-content .chapo {
	color: #6C6C6C; /*@6C6C6C*/
}

.corp-inner .tag {
	background: #F5F5F5; /*@F5F5F5*/
}

.corp-content .data-table th,
.corp-content .data-table td.th-like {
	background: #F5F5F5; /*@F5F5F5*/
}

	.corp-content .data-table td,
	.corp-content .data-table th.td-like {
		color: #6C6C6C; /*@6C6C6C*/
	}

		.corp-content .data-table td strong {
			color: #4C4C4C; /*@4C4C4C*/
		}

.corp-table-layout1 td + td {
	color: #2C2C2C; /*@2C2C2C*/
}

.corp-stats-cb-item {
	border-color: #CECECE; /*@D6D6D6*/
}

	.corp-stats-cb-item.bg-red1 {
		border-color: #fc3636;
	}

.corp-content .corp-search-results li {
	border-bottom-color: #CECECE; /*@CFCFCF*/
}


/* History & keydates - blue/red title and horizontal border, foldable grey block plus fold control */
.corp-content .corp-keydates h2 {
	color: #fc3636;
}

.corp-keydates .content {
	border-top-color: #fc3636;
}
/* alternate colors */
.corp-content .corp-keydates-blue h2 {
	color: #184894; /*@184894*/
}

.corp-keydates-blue .content {
	border-top-color: #184894; /*@184894*/
}
/* grey */
.corp-keydates .content h3,
.corp-keydates .content strong {
	color: #1C1C1C; /*@1C1C1C*/
}

.corp-keydates h4,
.corp-keydates h4 .date,
.corp-keydates .content p {
	color: #4C4C4C; /*@4C4C4C*/
}

.corp-keydates li {
	border-color: #cecece;
}

.corp-keydates .jq-to-close li:first-child {
	border-color: #cecece;
}

/* button "Lire" / "Rétablir" */
.corp-inner .jq-prev-open,
.corp-inner .jq-prev-close {
	background: #EAEAEA; /*@EBEBEB*/
	color: #4C4C4C; /*@4C4C4C*/
}


.corp-mag-cover .title {
	color: #2C2C2C; /*@2C2C2C*/
}

.corp-mag-cover img {
	border-color: #CECECE; /*@CECECE*/
}


.corp-agenda .list-item {
	border-top-color: #CECECE; /*@CECECE*/
}

.corp-agenda .title a {
	color: #2C2C2C; /*@2C2C2C*/
}
/*.corp-agenda a {
	color: #2C2C2C;/*@2C2C2C*
}*/
.corp-agenda img {
	border-color: #CECECE; /*@CECECE*/
}

.corp-archives img {
	border-color: #CECECE; /*@CECECE*/
}

.corp-archives .big-title {
	color: #1C1C1C; /*@1C1C1C*/
}

.corp-archives .title {
	color: #1C1C1C; /*@1C1C1C*/
}

.corp-archives .list-item {
	border-bottom-color: #CECECE; /*@CECECE*/
}

.corp-magazine h2,
.corp-magazine .big-title {
	color: #2C2C2C; /*@2C2C2C*/
}

.corp-magazine h3,
.corp-magazine .title {
	color: #2C2C2C; /*@2C2C2C*/
}

.corp-magazine p {
	color: #4C4C4C; /*@6C6C6C*/
}

.corp-news-feed .article {
	border-bottom-color: #CECECE; /*@CECECE*/
}

.corp-news-feed h2,
.corp-news-feed .title,
.corp-news-feed h2 a,
.corp-news-feed .title a {
	color: #1C1C1C; /*@2C2C2C*/
}

.corp-news-feed .cat-title {
	color: #2C2C2C; /*@2C2C2C*/
}

.corp-news-feed p {
	color: #4C4C4C; /*@6C6C6C*/
}

.corp-news-feed img {
	border-color: #CECECE; /*@CECECE*/
}

.corp-sidebar .date {
	color: #6C6C6C; /*@6C6C6C*/
}

.corp-sidebar .list li {
	border-color: #e5e5e5;
}

.corp-content .date, .corp-inner h1 + p > .date {
	color: #6C6C6C; /*@6C6C6C*/
}


.corp-sb-highlight {
	border-color: #CECECE; /*@CECECE*/
}

	.corp-sb-highlight .big-title {
		color: #2C2C2C; /*@4C4C4C*/
	}

.corp-testimony {
	background-color: #F5F5F5; /*@F5F5F5*/
}

	.corp-testimony .h4-like {
		color: #1C1C1C; /*@1C1C1C*/
	}

.corp-tripart .tripart-left,
.corp-tripart .tripart-mid,
.corp-tripart .tripart-right {
	background-color: #F5F5F5; /*@F5F5F5*/
	border-color: #CECECE; /*@D6D6D6*/
}

.corp-tripart .tripart-mid {
	background-color: #184894; /*@184894*/
}

.corp-tripart .tripart-mid {
	color: white;
}

.corp-tripart .tripart-mid {
	background: url(img/corp/tripart-centre-h.png) no-repeat;
}

.corp-bipart .bipart-right {
	background-color: #F5F5F5; /*@F5F5F5*/
	background-image: url(img/corp/bipart-right.png), -webkit-linear-gradient(bottom, #CECECE 0, #CECECE 1px), -webkit-linear-gradient(top, #CECECE 0, #CECECE 1px), -webkit-linear-gradient(left, #CECECE 0, #CECECE 1px); /* For Safari 5.1/6 */
	background-image: url(img/corp/bipart-right.png), linear-gradient(to bottom, #CECECE 0, #CECECE 1px), linear-gradient(to top, #CECECE 0, #CECECE 1px), linear-gradient(to left, #CECECE 0, #CECECE 1px); /*@CECECE*/
}

.corp-contact a {
	color: #4C4C4C; /*@4C4C4C*/
}

.corp-content .link-bipart-gray h2,
.corp-content .link-bipart-gray a,
.corp-content .link-bipart-gray2 h2,
.corp-content .link-bipart-gray2 a,
.corp-sidebar .link-bipart-gray h2,
.corp-sidebar .link-bipart-gray a,
.corp-sidebar .link-bipart-gray2 h2,
.corp-sidebar .link-bipart-gray2 a {
	color: #4C4C4C; /*@4C4C4C*/
}

.link-bipart-gray {
	background-color: #F5F5F5; /*@F5F5F5*/
	color: #4C4C4C; /*@4C4C4C*/
}

.link-bipart-gray2 {
	background-color: #DFDFDF; /*@F5F5F5*/
	color: #4C4C4C; /*@4C4C4C*/
}

	.link-bipart-gray2:hover, .link-bipart-gray2:focus {
		background-color: #F5F5F5; /*@F5F5F5*/
	}

.link-block-gray2 {
	background-color: #DFDFDF; /*@F5F5F5*/
}

	.link-block-gray2:hover,
	.link-block-gray2:focus {
		background-color: #F5F5F5; /*@F5F5F5*/
	}


.link-bipart-gray i, .link-bipart-gray2 i {
	color: #4C4C4C; /*@4C4C4C*/
}

.corp-contacts .content:hover {
	border-color: #CECECE; /*@CCCCCC*/
}

.corp-hp-mag-cover img {
	border-color: #CECECE; /*@CECECE*/
}
/* @NOTE end of part moved on 26/08 from line 2000+. Reason: bug #408 where h3 in Home ANL was #2C2C2C and not #1C1C1C because general case was written after the specific rule and both have same specificity  */

.corp-content .more.pink a {
	color: #2563d9; /*@D71771*/
}

.corp-content .data-table th.td-like ~ td {
	border-left-color: #FFFFFF;
}

.corp-stats-checkerboard .bg-blue1 {
	border-color: #184894;
	color: #FFFFFF;
}

.corp-stats-checkerboard .empty {
	border-color: #FFFFFF;
}

.corp-content .corp-search-results h2.title {
	color: #2563d9; /*@0068CE*/
}

	.corp-content .corp-search-results h2.title:active {
		color: #2d75ff;
	}
/*.corp-content .corp-search-results h2.title:visited {
	color: #660099;
}*/
.corp-news,
.corp-news-red {
	border-color: #fc3636; /*@FC3636*/
}

.corp-news-blue {
	border-color: #184894; /*@184894*/
}

.corp-news .title {
	color: #2563d9; /*@0068CE*/
}

	.corp-news .title:active {
		color: #2d75ff;
	}
/*.corp-news .title:visited {
	color: #660099;
}*/
.corp-news-2 a {
	color: #2563d9; /*@184894*/
}

	.corp-news-2 a:active {
		color: #2d75ff;
	}
/*.corp-news-2 a:visited {
	color: #660099;
}*/


.corp-trombi .title {
	color: #184894; /*@184894*/
}

.corp-content blockquote span {
	color: #fc3636; /*@FC3636*/
}

/* Pagination */
.corp-pagination .active a {
	border-color: #184894; /*@184894*/
	color: #FFFFFF;
	background-color: #184894; /*@184894*/
}

.corp-pagination li a:hover,
.corp-pagination li a:focus {
	border-color: #184894; /*@184894*/
}

.corp-pagination a,
.corp-pagination .disabled a:hover,
.corp-pagination .disabled a:focus,
.alternate.corp-pagination .disabled a:hover,
.alternate.corp-pagination .disabled a:focus {
	border-color: #FFFFFF;
	color: #184894;
}

.corp-pagination .icon {
	color: inherit;
}

.alternate.corp-pagination .active a {
	border-color: #fc3636;
	background-color: #fc3636;
}

.alternate.corp-pagination li a:hover,
.alternate.corp-pagination li a:focus {
	border-color: #fc3636;
}

.alternate.corp-pagination a {
	color: #fc3636;
}

.corp-sidebar .outside-title {
	color: #184894; /*@184894*/
}

.corp-sb-agenda .content {
	border-top-color: #184894; /*@184894*/
}

.corp-sb-news .content {
	border-top-color: #184894; /*@184894*/
}

.corp-sb-news .title a {
	color: #4c4c4c;
}

.corp-sb-news .cat-title {
	color: #2563d9; /*@0068CE*/
}

	.corp-sb-news .cat-title:active {
		color: #2d75ff;
	}
/*.corp-sb-news .cat-title:visited {
	color: #660099;
}*/


.corp-sb-news-cat {
	border-top-color: #184894; /*@184894*/
}

.corp-sb-news-years a,
.corp-sb-news-years span {
	color: #2563d9; /*@184894*/
	border-color: #DFDFDF;
}

	.corp-sb-news-years a:hover,
	.corp-sb-news-years .current {
		color: #fff;
		background: #2563d9; /*@184894*/
		border-color: #2563d9;
	}

.corp-sb-mag-cover .content {
	border-top-color: #184894; /*@184894*/
}

.corp-sb-mag .content {
	border-top-color: #184894; /*@184894*/
}

.corp-sb-mag .big-title {
	color: #2C2C2C;
}

.corp-testimony .content {
	border-top-color: #CECECE;
}
/* Testimonies */
/* RQM 30401 / 2014-11-05: only paragraphs in blockquote should match */
.corp-content .corp-testimony blockquote p:before,
.corp-content .corp-testimony blockquote p:after,
.ie8 .corp-content .corp-testimony blockquote:after {
	color: #184894; /*@184894*/
}

.corp-testimony .title {
	color: #184894; /*@184894*/
}

.alternate.corp-testimony .title {
	color: #FC3636;
}

.corp-tripart .tripart-mid {
	color: white; /*white*/
}

	.corp-tripart .tripart-mid h3 {
		color: #FFFFFF;
	}

.corp-step .btn {
	background: #184894; /*@184894*/
	color: #FFFFFF;
}

	.corp-step .btn:focus,
	.corp-step .btn:hover {
		background: #184894; /*@184894*/
	}

.corp-step .corp-list li:before {
	color: #184894; /*@184894*/
}

.corp-connect-biz h2,
.corp-connect-biz h3,
.corp-connect-biz h4,
.corp-connect-biz h5,
.corp-connect-biz h6 {
	color: #d81772; /*@D71771*/
}

.corp-sb-connect-biz h2,
.corp-sb-connect-biz h3,
.corp-sb-connect-biz h4,
.corp-sb-connect-biz h5,
.corp-sb-connect-biz h2 {
	color: #d81772; /*@D71771*/
}

.corp-connect-biz a,
.corp-sb-connect-biz a {
	background: #d81772; /*@D71771*/
	color: #FFFFFF;
}

/* tabstrip */
.corp-specifications .list,
.mod-add-parties .list li:first-child a,
.mod-add-parties .list li:first-child span {
	border-top-color: #CECECE; /*@CECECE*/
}

	.corp-specifications .list a,
	.corp-specifications .list span,
	.mod-add-parties .list a,
	.mod-add-parties .list span {
		border-bottom-color: #CECECE; /*@CECECE*/
		color: #4C4C4C; /*@4C4C4C*/
	}

	.corp-specifications .list .jq-tabstrip2-current span,
	.mod-add-parties .list .jq-tabstrip2-current span {
		border-left-color: #CECECE; /*@CECECE*/
		border-top-color: #CECECE; /*@CECECE*/
		background-color: #F5F5F5; /*@F5F5F5*/
		color: #184894; /*@184894*/
	}

.mod-add-parties .list .jq-tabstrip2-current span {
	color: #d81772; /*@d81772*/
}

.corp-specifications .content,
.mod-add-parties .content {
	border-color: #CECECE; /*@CECECE*/
	background-color: #F5F5F5; /*@F5F5F5*/
}

.corp-specifications .title {
	color: #184894; /*@184894*/
}

.alternate.corp-specifications .title,
.alternate.corp-specifications .list .jq-tabstrip2-current span {
	color: #184894;
}

/* specific to module "add parties" */
.mod-add-parties .list li:hover {
	background: none;
}
/*.mod-add-parties .list li:hover a,*/
.mod-add-parties .list a:focus,
.mod-add-parties .list a:hover {
	color: #d81772; /*@d81772*/
	text-decoration: underline;
}

.mod-add-parties .item-link {
	background-color: #dfdfdf;
	border-color: #dfdfdf;
	color: #4c4c4c;
}

	.mod-add-parties .item-link:focus,
	.mod-add-parties .item-link:hover {
		color: #FFFFFF;
		background: #184894; /* #184894 */
		border-color: #184894;
		text-decoration: none;
	}

		.mod-add-parties .item-link:focus .icon,
		.mod-add-parties .item-link:hover .icon {
			color: #FFFFFF;
		}

	.mod-add-parties .item-link.active,
	.mod-add-parties .item-link.active:focus,
	.mod-add-parties .item-link.active:hover {
		background: none;
		border-color: #dfdfdf;
		color: #777777;
	}

		.mod-add-parties .item-link.active:focus .icon,
		.mod-add-parties .item-link.active:hover .icon {
			color: #d81772; /*@d81772*/
		}


/* bi part*/
.corp-bipart .bipart-left {
	background-color: #fc3636; /*@FC3636*/
	color: #FFFFFF;
}

	.corp-bipart .bipart-left .txtcenter {
		border-bottom-color: #FFFFFF;
	}

	.corp-bipart .bipart-left h3 {
		color: #FFFFFF;
	}

	.corp-bipart .bipart-left a {
		border-bottom-color: #FFFFFF; /*@FEB4B4*/ /* underline link ?*/
		color: #FFFFFF;
	}

.corp-slideshow .flex-direction-nav .flex-prev,
.corp-slideshow .flex-direction-nav .flex-next {
	background: #FFFFFF;
}

.corp-content .link-bipart-red h2,
.corp-content .link-bipart-red a {
	color: #ffffff; /*@FFFFFF*/
}

.corp-content .link-bipart-blue h2,
.corp-content .link-bipart-blue a,
.corp-sidebar .link-bipart-blue a {
	color: #ffffff; /*@FFFFFF*/
}

.link-bipart-red {
	background-image: url(./img/corp/link-bipart-red.jpg);
	background-color: #fc3636; /*@FC3636*/
	color: #ffffff; /*@FFFFFF*/
}

.link-bipart-blue {
	background-image: url(./img/corp/link-bipart-blue-corp.png);
	background-color: #184894; /*@FC3636*/
	color: #ffffff; /*@FFFFFF*/
}

	.link-bipart-blue:focus, .link-bipart-blue:hover {
		background-image: url(./img/corp/link-bipart-blue-link.png);
		background-color: #2563d9; /*@FC3636*/
	}

.link-bipart-red i {
	color: #ffffff !important; /*@FFFFFF*/
}

.link-bipart-blue i {
	color: #ffffff !important; /*@FFFFFF*/
}

.link-block-blue {
	background-color: #184894; /*@FC3636*/
}

	.link-block-blue:focus,
	.link-block-blue:hover {
		background-color: #2563d9; /*@FC3636*/
	}

.corp-contacts .content {
	border-color: #f5f5f5;
}

.corp-country-list li a:hover,
.corp-country-list li a:focus {
	background-color: #184894; /*@184894*/
	color: #FFFFFF;
}
/*
RQM #25450 suppression de la bordure rose
.corp-main .context-navigation > li.jq-tabstrip2-current span {
	color: #2563d9;
}
*/

/*==HOMEPAGE */
/* Slideshow */
.hp-slideshow .hpsl-overlay {
	background-color: #FFFFFF; /* default InsertBgColor */
	/*background: #184894;/*@184894*/
}
/* Color of content: let's make #2c2c2c the default and h2, p, .more, .more>a will inherit it */
/* TitleColor (optional) is defined as an inline style attribute on h2 */
/* DescriptionColor (optional) is defined as an inline style attribute on p */
/* ActionColor is defined on parent p.more and link "p.more>a" inherits it */
.hp-slideshow .hpsl-content {
	color: #2C2C2C;
}

	.hp-slideshow .hpsl-content * {
		color: inherit;
	}

.hp-slideshow .title {
	color: #FFFFFF;
}

.hp-slideshow a {
	color: #FFFFFF;
}
/* Predefined colors (defining color on parent allows link to inherit from it) */
.hpsl-content.hpsl-color-white,
.hpsl-content.hpsl-color-white h2,
.hpsl-content.hpsl-color-white h2 + p {
	color: white;
}

.hp-slideshow .hpsl-color-black,
.hp-slideshow .hpsl-color-black h2,
.hp-slideshow .hpsl-color-black h2 + p {
	color: #2C2C2C;
}

.hp-slideshow .hp-slide-pg-link {
	border-color: #929292;
	background-color: #FFFFFF;
}

.hp-slideshow .current .hp-slide-pg-link {
	border-color: #8D8D8D;
	background-color: #8D8D8D; /*@184894*/ /* #184894 */
}
/* Must be more specific than (0 id, 2 cla, 1 elt) */
.hp-text-bg .hp-row-content * {
	color: transparent;
}

/* RowType (spans 3 columns in 1024) */
/* .hp-3-3 {
	BgColor is inline in HTML. So default is transparent (and page has a white bg) (@TOPROD mandatory but as TextColor is optional, there could be a problem. o there's a default)
} */
/* Must be more specific than (0 id, 2 cla, 1 elt) */
.hp-3-3 .hp-row-content * {
	color: inherit;
}

.hp-3-3 .hp-row-content a {
	color: #2563d9; /* Descendant a will inherit from it due to above rule */
}

.front .corp-content {
	color: #2C2C2C;
}
/* News: ~black links except .more>a. Defining color of parents and then links inherit from them */
.corp-hp-news .more {
	color: #2563d9;
}

.corp-hp-news a {
	color: inherit;
}
/*.corp-hp-news a:active {
	color: #4C4C4C;
}*/
.corp-hp-news .date {
	color: #6C6C6C;
}
/*.corp-hp-news a:visited {
	color: #660099;
}*/

/* Seen in Homepage 2015 */
.hp-btn-group .bg-link,
.fluidbook-actions a {
	color: #FFFFFF;
	background: #2563d9;
}

	.hp-btn-group .bg-link:focus,
	.hp-btn-group .bg-link:hover,
	.fluidbook-actions a:focus,
	.fluidbook-actions a:hover {
		background: #2d75ff;
	}

.corp-hp-special-offers h3 {
	color: #1c1c1c;
}

a.icon:focus, a.icon:hover {
	text-decoration: none;
	color: #184894; /*@0068CE*/
}

.big-check {
	color: #184894; /*@184894*/
}

	.big-check.grayE {
		color: #E2E2E2;
	}

.infobox .icon {
	color: #4C4C4C; /*@394F61*/
}

/*.infobox .icon.blue {
	color: #FFFFFF;
}*/

.bd-warning.is-ok {
	border-color: #238E07;
}

.bd-warning.alternate {
	border-color: #FF8400; /*@ED5B42*/
}

.bd-warning.error {
	border-color: #e10135;
}

.doc-type {
	background: #A2A2A2; /*@95A3B0*/
	color: #FFFFFF;
}

.col-gutter-border {
	background-color: #DFDFDF; /*@D0D9E0*/
}

	.col-gutter-border.alternate {
		background: #FFFFFF;
	}

.border-separate.blue {
	border-color: #CECECE; /*@8FA3C1*/
}

.k-window textarea {
	border-color: #D0D9E0; /*@D0D9E0*/
	color: #4C4C4C; /*@5C6A73*/
}

.notif,
.notif:visited,
a.btn-editor {
	color: #FFFFFF;
	background: #d81772; /*@D71771*/
}

.btn-editor:hover {
	color: #FFFFFF !important; /*@FFFFFF*/
}

.notif-none {
	color: #4C4C4C;
	background-color: #F0F0F0;
}

#search input { /*@search*/
	border-color: #2C2C2C; /*@8FBAEA*/
}

#header #search button .icon {
	color: #184894;
}


#lang li {
	background-color: #FFFFFF; /*@FFFFFF*/
}

	#lang li,
	#lang li.last,
	#lang ul.lang-open li.current {
		border-color: #DFDFDF; /*@DFDFDF*/
	}

#lang a {
	color: #707070;
}

#lang .icon {
	color: #707070; /*@707070*/
}


/* Notifications RQM 33272 */
.banner-notifications {
	background-color: #FFFFFF;
	border-color: #CECECE; /*@CECECE*/
}

	.banner-notifications .b-n-list,
	.banner-notifications .b-n-item {
		border-color: #DFDFDF; /*@DFDFDF*/
	}

		.banner-notifications .b-n-item:hover {
			background-color: #F9F9F9; /*@F9F9F9*/
		}

	.banner-notifications .b-n-item-new {
		border-left-color: #d81772;
	}

.b-n-prev.disabled,
.b-n-next.disabled {
	color: #ccc;
}

.banner-notifications,
.b-n-list-item a {
	background: #FFFFFF;
}

.b-n-content .b-n-new a {
	border-left-color: #d81772; /*@D71771*/
}

.banner-notifications .detail-mode .icon {
	color: #CECECE;
}
/* @TODO Semble plus exister */
.b-n-information span {
	color: #2563D9; /*@0068CE*/
}

.b-n-pagination a,
.b-n-pagination .icon {
	color: #FFFFFF;
}

	.b-n-pagination .icon:hover {
		color: #FFFFFF;
	}

.b-n-list-item a {
	border-left-color: #FFFFFF;
}

.banner-notifications .red {
	color: #E10135; /*@C5002E*/
}

.banner-notifications .b-n-item-corp,
.banner-notifications .b-n-item-corp:hover {
	background: #184894; /*@184894*/
	border-color: #184894; /*@184894*/
	color: #fff;
}

	.banner-notifications .b-n-item-corp a {
		color: #fff;
	}

	.banner-notifications .b-n-item-corp.current {
		background: #fff;
		color: #4c4c4c;
	}

		.banner-notifications .b-n-item-corp.current .b-n-ref a,
		.banner-notifications .b-n-item-corp.current .b-n-desc a,
		.banner-notifications .b-n-item-corp.current .b-n-detail-cat-time a {
			color: #184894; /*@184894*/
		}

		.banner-notifications .b-n-item-corp.current .b-n-title {
			background: #184894; /*@184894*/
		}

/* ==NAVIGATION */
#navigation {
	border-bottom-color: #EAEAEA;
}

.carrier #navigation { /* carrier homepage only */
	border-bottom-color: #EAEAEA;
}

#navigation #icon-home .icon {
	color: #184894; /*@4C4C4C*/
}

#navigation a {
	color: #4C4C4C; /*@394F61*/
}

	#navigation a:hover,
	#navigation a:focus {
		color: #2563d9; /*@184894*/
	}

#navigation .nav-lvl-one a.current {
	background-color: #F0F0F0;
	color: #2563d9;
}

	#navigation .nav-lvl-one a.current:active {
		color: #2d75ff;
	}

/*#navigation .nav-lvl-one a.current:visited {
	color: #660099;
}*/

#footer { /*@footer*/
	color: #6C6C6C; /*@656565*/
}

	#footer .inner { /*@footer*/
		border-top-color: #CECECE; /*@D7D7D9*/
	}

input.jq-check-open:disabled + label {
	color: #5E6674; /*@5E6674*/
}
/* .context-navigation (default, .full and the one with .jq-tabstrip2-current)
	UL */
.context-navigation {
	border-color: #E4E4E4; /*@E4E4E4*/
	background: #F5F5F5; /*@F7F7F7*/
}
	/* LI */
	.context-navigation li {
		border-right-color: #E4E4E4; /*@E4E4E4*/
	}

		.context-navigation li:first-child {
			border-left-color: #E4E4E4; /*@E4E4E4*/
		}

	.context-navigation .current,
	.context-navigation > .jq-tabstrip2-current,
	.context-navigation span {
		background: #FFFFFF;
	}
	/*
RQM #25450
No more white background */
	.context-navigation.full .current,
	.context-navigation.full > .jq-tabstrip2-current,
	.context-navigation.full span {
		background: none transparent;
	}

	/* A/SPAN */
	.context-navigation a {
		color: #4C4C4C; /*@4B4B4B*/
	}

	.context-navigation span {
		color: #d81772; /*@D71771*/
		/* current tab: "faux border bottom" in general case (as white as the background so not really visible) but magenta in tabstrip2 */
		border-bottom-color: #FFFFFF;
	}

	.context-navigation > li.jq-tabstrip2-current span {
		border-bottom-color: #d81772; /*@D71771*/
	}
	/* hover/focus states */
	.context-navigation a:hover, .context-navigation a:focus {
		color: #2563d9; /*@000000*/
		background: #FFFFFF;
	}
	/* 1x1px square patch with pseudos */
	.context-navigation > .jq-tabstrip2-current:before,
	.context-navigation > .jq-tabstrip2-current:after {
		background-color: #E4E4E4;
	}


.double-list option:hover { /* @NOTE Only pseudo we can make to work, OK on Firefox 22/W7 but not Chr 27/W7 or IE8 */
	background-color: #DFDFDF;
}

/* .list-pipe is seen in 6a.02b. Color of 'pipes' (border) */
.list-pipe a {
	border-color: #4C4C4C;
}

.download-doc h3 .icon {
	color: #9B9B9B; /*@899BB3*/
}

.download-doc a {
	color: #2563d9; /*@0068CE*/
}

	.download-doc a:active {
		color: #2d75ff;
	}
/*.download-doc a:visited {
	color: #660099;
}*/
.download-doc .icon {
	color: #9B9B9B; /*@70A2D7*/
}

	.download-doc a.blue1,
	.download-doc .icon.blue1 {
		color: #2563d9; /*@184894*/
	}

		.download-doc a.blue1 .icon {
			color: #184894; /*@184894*/
		}

.btn-double-select-container input {
	background: #184894; /*@184894*/
	color: white;
}

.diag-horiz-container .h-diag {
	background-color: #184894; /*@184894*/
}

a.a-tooltip {
	color: #4C4C4C; /*@7C98AE*/
}

	a.a-tooltip:hover span,
	a.a-tooltip:focus span,
	.si-bl-editable p.a-tooltip span {
		background: #184894; /*@184894*/
		color: #FFFFFF;
	}

		a.a-tooltip:hover span.east:before,
		a.a-tooltip:focus span.east:before {
			border-top-color: transparent;
			border-bottom-color: transparent;
			border-right-color: #184894; /*@184894*/
		}

		a.a-tooltip:hover span.west:before,
		a.a-tooltip:focus span.west:before,
		a.a-tooltip:hover span.small-west:before,
		a.a-tooltip:focus span.small-west:before,
		.si-bl-editable p.a-tooltip span:before {
			border-top-color: transparent;
			border-bottom-color: transparent;
			border-left-color: #184894; /*@184894*/
		}

		a.a-tooltip:hover span.north:before,
		a.a-tooltip:focus span.north:before,
		a.a-tooltip:hover span.northwest:before,
		a.a-tooltip:focus span.northwest:before {
			border-left-color: transparent;
			border-right-color: transparent;
			border-top-color: #184894; /*@184894*/
		}

		a.a-tooltip:hover span.south:before,
		a.a-tooltip:focus span.south:before {
			border-left-color: transparent;
			border-right-color: transparent;
			border-bottom-color: #184894 !important; /*@184894*/
		}

.btn-tooltip span {
	color: white;
	background-color: #184894;
}

a.a-tooltip-light:hover div,
a.a-tooltip-light:focus div {
	background-color: #FFFFFF;
	border-color: #cecece;
	color: #4C4C4C;
}

	a.a-tooltip-light:hover div.south:before,
	a.a-tooltip-light:focus div.south:before {
		border-top-color: transparent;
		border-bottom-color: transparent;
		border-right-color: #FFFFFF;
	}

	a.a-tooltip-light:hover div.south:after,
	a.a-tooltip-light:focus div.south:after {
		border-top-color: transparent;
		border-bottom-color: transparent;
		border-right-color: #cecece;
	}


.news-summary h3,
.news-summary .h3-like {
	color: #2563d9; /*@0068CE*/
}

	.news-summary h3:active,
	.news-summary .h3-like:active {
		color: #2d75ff;
	}
/*.news-summary h3:visited,
.news-summary .h3-like:visited {
	color: #660099;
}*/

.news-summary time {
	color: #767676; /*@738999*/
}

.news-summary .alternate p {
	color: white;
}

.news-summary .alternate a {
	color: white;
}

.news-summary footer .h3-like a .icon {
	color: #FFFFFF;
}
/* @ALSAAFAIRE remove alternate above when done with new shortcode block defect #14 */
.news-tracking {
	background: #d81772;
}

	.news-tracking h3,
	.news-tracking h4,
	.news-tracking p,
	.news-tracking a {
		color: #FFFFFF;
	}

/* Tunnel */
.tunnel-in,
.tunnel-links a.tunnel-in {
	color: #184894;
}

.tunnel-links .tunnel-in {
	color: #9b9b9b;
}

.tunnel-in:before,
.tunnel-in:after {
	background-image: url(./img/tunnel-sprite_170210.png);
}

.tunnel-in.current,
.tunnel-in.last-child-current,
.tunnel-in.last-current,
a.tunnel-in:hover,
.tunnel-links .tunnel-in.current,
.tunnel-links .tunnel-in.last-child-current,
.tunnel-links .tunnel-in.last-current,
.message-title.bg-corp {
	color: white;
	background-color: #184894;
}

.tunnel-in.current,
.tunnel-in.last-current,
a.tunnel-in:hover {
	border-color: #184894;
}

.sub-tunnel-legend {
	color: #184894;
}

.tunnel-links .tunnel-in .icon {
	color: #9b9b9b;
}

.tunnel-links a.tunnel-in .icon {
	color: #11487f;
}

.tunnel-in.current .icon,
.tunnel-in.last-child-current .icon,
.tunnel-in.last-current .icon,
.tunnel-links a.tunnel-in:hover .icon {
	color: #fff;
}

.table-contains-border {
	border-left-color: #D0D9E0; /*@D0D9E0*/ /*@ALSAAFAIRE*/
}

.timeline-doc span {
	color: #2C2C2C; /*@2D333D*/
}

	.timeline-doc span.time {
		color: #2C2C2C; /*@2D333D*/
	}

.banner-blue {
	background: #184894; /*@184894*/
	color: #FFFFFF;
}

.banner-white {
	background: #FFFFFF;
	color: #184894; /*@184894*/
}

.banner-blue a,
.banner-blue .icon {
	color: #FFFFFF;
}

.banner-blue .banner-arrow-blue {
	border-bottom-color: #184894; /*@184894*/
}

.download-thumb a {
	color: #4C4C4C; /*@394F61*/
}

.jq-dropdown .jq-dd-action-link-container a {
	border-color: #DFDFDF; /*@DFDFDF*/
	background: #F9F9F9; /*@F9F9F9*/
}

.display_page_dd .jq-dd-list-container li.checked input + label,
.display_page_dd .jq-dd-list-container li label {
	background-color: #FFFFFF; /* Multi-line label for Custom's checkbox */
}

.jq-dropdown li.selected a {
	background: #d81772; /*@D71771*/
	color: #FFFFFF;
}

	.jq-dropdown li.selected a .icon {
		color: #FFFFFF;
	}

.editzone {
	background-color: rgba(0, 0, 0, 0.01);
}

	.editzone-displayed, /* @TO-PROD If child button get the focus, then a script must add this class .editzone-displayed on parent div.editzone ... */
	.editzone:hover { /*          and remove it when focus is lost (the div must still have .editzone class) */
		border-color: #8D8D8D; /*@B4CEF3*/
		background-image: url(img/bg-lightblue-alpha-v2.png); /* for IE7 and others */
		background: rgba(180, 206, 243, 0.33); /* background (not background-color) overrides bg-i for IE9+ and set a transparent color instead */
	}

.editzone-info-updated del {
	color: #E10135; /*@C5002E*/
}

.editzone-info-updated ins {
	color: #FFFFFF;
	background-color: #184894; /*@4A7091*/
}

.editzone .editzone-button:hover,
.editzone .editzone-button:focus {
	color: #FFFFFF !important;
	background: #184894 !important; /*@FFFFFF*/
}

	.editzone .editzone-button:hover i,
	.editzone .editzone-button:focus i {
		color: #FFFFFF !important;
	}

.rich-tooltip {
	border-color: #184894; /*@184894*/
	background-color: #184894; /*@184894*/
}

.rich-tooltip-inner {
	color: #4C4C4C; /*@5C6A73*/
	background-color: white;
	border-color: #D0D9E0; /*@D0D9E0*/ /*@ALSAAFAIRE*/
}

.rich-tooltip .arrow-east span {
	border-right-color: #184894; /*@184894*/
}

.rich-tooltip .arrow-west span {
	border-left-color: #184894; /*@184894*/
}

.big-tooltip .arrow-east span {
	border-right-color: #ececee;
}

.big-tooltip .arrow-west span {
	border-left-color: #ececee;
}

.big-tooltip .arrow-north span {
	border-bottom-color: #ececee;
}

.big-tooltip .arrow-south span {
	border-top-color: #ececee;
}

.slide-containers-alt {
	background: #184894 !important; /*@184894*/
	color: #FFFFFF;
}

.slide-containers .darkblue {
	background: #184894 !important; /*@184894*/
	color: #FFFFFF;
}

.slide-containers-alt .closer .icon {
	color: #FFFFFF;
}

.slide-containers-pagin a {
	background: #CECECE; /*@D6D6D6*/
}

	.slide-containers-pagin a:focus,
	.slide-containers-pagin a:hover,
	.slide-containers-pagin .active {
		background: #184894; /*@184894*/
	}

.slide-container-prev .icon,
.slide-container-next .icon {
	color: #767676; /*@767676*/
}

/* 9b.02 and 9b.03 top right triangle and small check on hover */
.reg-carrier-choice-selected .reg-carrier-choice-item {
	border-color: #184894; /*@184894*/
	color: white;
	background-color: #184894; /*@184894*/
}

.reg-carrier-choice:hover .corner-triangle-top-right {
	border-color: #238E07 #238E07 transparent transparent; /*@238E07*/
}

.reg-carrier-choice-selected .icon {
	color: #238E07; /*@238E07*/
}

.reg-carrier-choice-selected .has-corner-triangle .corner-triangle-top-right .icon {
	color: #238E07; /*@238E07*/
}

.reg-carrier-choice-item:hover {
	color: #184894; /*@184894*/
}

.reg-carrier-choice-selected .reg-carrier-choice-item:hover {
	color: white;
}

.account-intro:hover {
	border-color: #CECECE; /*@CECECE*/
	background-color: #F5F5F5 !important; /* on hover, overwrites .bg-gray (defined with !important) */
}

.col .account-intro .gray4 {
	color: #4C4C4C; /*@4C4C4C*/
}

.account-intro .line {
	border-bottom-color: #888888; /*@888888*/
}

.account-intro:hover {
	color: #184894 !important; /* @NOTE Color on hover of heading, horizontal rule and text is the same as for icon. Confirmed for each carrier in PSDs of 13.03 */
}

	.account-intro:hover .icon {
		color: #184894 !important; /*@184894*/
	}

	.account-intro:hover a,
	.account-intro:hover a.gray4,
	.col .account-intro:hover a {
		color: #184894 !important;
	}

	.account-intro:hover .line {
		border-color: #184894;
	}

.nav-letters .nav-letter-item {
	border-right-color: #E4E4E4; /*@D0D9E0*/ /*@ALSAAFAIRELP*/
}

.nav-letters .current {
	background-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

	.nav-letters .current a {
		color: #2563d9; /*@184894*/
	}

		.nav-letters .current a:active {
			color: #2d75ff;
		}
/*.nav-letters .current a:visited {
	color: #660099;
}*/
.nav-list-left .current a {
	color: #2563d9; /*@184894*/
}

	.nav-list-left .current a:active {
		color: #2d75ff;
	}
/*.nav-list-left .current a:visited {
	color: #660099;
}*/

.video-player, .video-player2 {
	background: url('../Images/video-player-icon.png') 50% 50% no-repeat;
}

	.video-player.no-flash, .video-player2.no-flash {
		background: #F5F5F5; /*@F5F5F5*/
	}

.slide-containers-pagin a.current {
	background-color: #184894; /*@184894*/
}




/*h2 > a:focus,
h2 > a:hover {
	color: #111111;*/ /*@111111*/
/*}*/

.bd-warning {
	border-color: #DFDFDF; /*@E1E1E1*/
}

.bd-alert,
.bd-alert2,
.bd-error,
.bd-error2 {
	border-color: #E10135;
}

	.bd-alert .icon,
	.bd-error .icon {
		color: #E10135;
	}


/* simple border to separate 2 inline elements */
.border-separate {
	border-left-color: #B6B6B6; /*@B6B6B6*/
}

.filter-mod {
	border-color: #DFDFDF !important; /*@DFDFDF*/
}


/* "lightbox" block (as seen in 5.12 */
.k-window {
	background-color: #F5F5F5; /*@F5F5F5*/
}

#skip-links .visually-hidden {
	color: #2C2C2C;
	background-color: white;
}

.banner-login-name,
.banner-login-logout {
	border-color: #EAEAEA; /*@EAEAEA*/
}

.banner-login select {
	color: #6C6C6C; /*@6F6F6F*/
}


.jq-nav-sub-open i.icon-gt,
.jq-nav-sub-close i.icon-gt,
.jq-nav-to-close i.icon-gt {
	color: #4C4C4C; /*@4C4C4C*/
}

.jq-nav-to-close .icon-lock {
	color: #767676; /*@797979*/
}
/* link of first level when its submenu is displayed */
#navigation .jq-nav-sub-close {
	color: #2563d9 !important; /*@346DDC*/
}

	#navigation .jq-nav-sub-close:active {
		color: #2d75ff;
	}
/*#navigation .jq-nav-sub-close:visited {
	color: #660099;
}*/

#navigation .jq-nav-to-close a {
	color: #2563d9; /*@346DDC*/
}

	#navigation .jq-nav-to-close a:active {
		color: #2d75ff;
	}
	/*#navigation .jq-nav-to-close a:visited {
	color: #660099;
}*/

	#navigation .jq-nav-to-close a.sub-nav {
		color: #4C4C4C;
	}

#navigation .current .jq-nav-sub-open a:active {
	color: #2563d9 !important; /*@184894*/
}

#navigation .current .jq-nav-sub-open a:active {
	color: #2d75ff !important;
}

#navigation .current .jq-nav-sub-open a:visited {
	color: #660099 !important;
}

#header-search-input, /*@header*/
#search input[type="submit"] { /*@search*/
	background: #F0F0F0; /*@F0F0F0*/
}

#navigation, #small-main-nav {
	border-bottom-color: #EAEAEA; /*@EAEAEA*/
}

	#navigation .current .jq-nav-sub-open {
		background: #F0F0F0; /*@EFEFEF*/
	}

#search .search-selector .list-selector {
	border-color: #8d8d8d;
	color: #4c4c4c;
	background-color: #FFFFFF;
}

.list-selector p i {
	color: #4C4C4C;
	background-color: #FFF;
}

.list-selector p:hover,
.list-selector p:focus,
#search p:hover label,
#search p:focus label {
	background-color: #4C4C4C;
	color: #FFF;
}

	.list-selector p:hover i,
	.list-selector p:focus i {
		background-color: #4C4C4C;
		color: #FFF;
	}

.list-selector p.sep {
	background-color: #CECECE;
}

#footer a { /*@footer*/
	color: #6C6C6C; /*@656565*/
}

#breadcrumb .highlight { /*@breadc*/
	color: #4C4C4C; /*@575757*/
}

.tabs-results a,
.tabs-results .tab-like {
	color: #4C4C4C; /*@4C4C4C*/
}

.tabs-results .current .tab-like {
	border-bottom-color: white;
}

.tabs-results .rounded {
	background: white;
}

.partner-choice .partner {
	background-color: #FFFFFF;
	border-color: #CECECE; /*@CECECE*/
}

.tabs-solutions {
	border-bottom-color: #CECECE; /*@D7D7D9*/
}

	.tabs-solutions .partner {
		background: #F5F5F5; /*@F5F5F5*/
		border-color: #CECECE; /*@D7D7D9*/
	}

		.tabs-solutions .partner.current {
			border-color: #CECECE; /*@D7D7D9*/
		}

.double-select div label, .double-select div select {
	border-color: #DFDFDF; /*@DFDFDF*/
}

.double-select div label {
	background-color: #F0F0F0; /*@EFEFEF*/
}

.cell-vessel li {
	border-bottom-color: white;
}

.dash-nav, .dash-big-nav {
	background-color: white;
}

.news-summary .alternate h3,
.news-summary .alternate .h3-like {
	color: white;
}

.news-summary .alternate .subtitle {
	color: white;
}








.tunnel-4-steps .last,
.tunnel-3-steps .last {
	background: url('img/tunnel-sep-grey.png') no-repeat right #F0F0F0; /*@EFEFEF*/
}
/* sub tunnel*/
.tunnel-step {
	background-color: #EAEAEA; /*@EAEAEA*/
}

.tunnel-step-ok,
.tunnel .last-current {
	background-color: #184894; /*@184894*/
}

/* Seen in 6a.06 and 17.03. Irrelevant in error messages like C05 (red color overwrites it) */
.checklist .icon {
	color: #4C4C4C;
}

.timeline {
	border-top-color: #DFDFDF; /*@DFDFDF*/
	border-bottom-color: #DFDFDF; /*@DFDFDF*/
	background-color: #EAEAEA; /*@EAEAEA*/
}

.timeline-horiz-support {
	background-color: #F9F9F9; /*@F9F9F9*/
	border-top-color: #DFDFDF; /*@DFDFDF*/
	border-bottom-color: #DFDFDF; /*@DFDFDF*/
}

.timeline-approval a,
.timeline-approval .current span {
	color: #4C4C4C; /*@4C4C4C*/
}

.banner-light-gray,
.bg-light-gray {
	background: #ECECEC; /*@ececec*/
}

.banner-gray {
	background: #DFDFDF; /*@DFDFDF*/
}

	.banner-gray .links-blue1 {
		color: #184894;
	}

.arrow-top-gray3 {
	border-color: #F5F5F5; /*@F5F5F5*/
	border-bottom-color: #DFDFDF; /*@DFDFDF*/
}

/* dropdown */
.jq-dropdown a,
.jq-dropdown .icon {
	color: #4C4C4C; /*@4C4C4C*/
}

.jq-dropdown button {
	background: white !important;
}

	.jq-dropdown a:hover,
	.jq-dropdown button:hover {
		background: #F0F0F0 !important; /* !important because of button */ /*@EEEEEE*/
	}

.jq-dropdown .jq-dd-list-container ul {
	border-color: #DFDFDF; /*@DFDFDF*/
	background: #F9F9F9; /*@F9F9F9*/
	color: #31434F; /*@31434F*/
}

.jq-dropdown .jq-dd-list-container li + li {
	border-top-color: #DFDFDF; /*@DFDFDF*/
}

	.jq-dropdown .jq-dd-list-container li + li.bd-top {
		border-top-color: #DFDFDF; /**@DFDFDF*/
	}

.jq-dropdown li.selected a:hover {
	background: #AAAAAA !important; /*@AAAAAA*/
}

.jq-dd-alternate .jq-dd-action-link-container a {
	background: #F0F0F0; /*@EFEFEF*/
	border-color: #F0F0F0; /*@EFEFEF*/
}

	.jq-dd-alternate .jq-dd-action-link-container a.bd-grayC {
		border-color: #CECECE; /*@CECECE*/
	}

	.jq-dd-alternate .jq-dd-action-link-container a.bd-gray3 {
		border-color: #DFDFDF;
	}

.jq-dd-secondary .jq-dd-list-container ul {
	background: #FFFFFF;
	border-color: #DFDFDF; /*@DFDFDF*/
}

.js .jq-dd-secondary .jq-dd-list-container ul {
	border-top-color: #DFDFDF; /*@DFDFDF*/
	border-left-color: #DFDFDF !important; /*@DFDFDF*/ /* @BUGFIX 1 became blue because of inheritance of a ".jq-content-current" selector from Tabstrip2 component
	@BUGFIX 2 With !important because .jq-content-current also has this modifier */
}

.jq-dd-activated .jq-dd-action-link-container a {
	border-color: #DFDFDF; /*@DFDFDF*/
}

.jq-dd-secondary .jq-dd-action-link-container a.bg-white {
	background-color: #FFFFFF;
}
/* Disabled state / RQM 25449 - BKG/INS - Template management enhancement */
.jq-dd-disabled .jq-dd-action-link-container a {
	border-color: #DFDFDF;
	color: #6C6C6C;
	background-color: #F5F5F5;
}

	.jq-dd-disabled .jq-dd-action-link-container a:hover {
		background-color: #F5F5F5 !important;
	}

.jq-dd-disabled .jq-dd-action-link-container .icon {
	color: #9B9B9B;
}
/* RQM 32738 - NOT - Create a new screen to display notification messages */
/* Icon default state: blue on gray */
.jq-dropdown.jq-icon-dropdown .icon {
	color: #184894;
}
/* Icon opened state: white on blue */
.jq-dropdown.jq-icon-dropdown.jq-dd-activated {
	background-color: #184894;
}

	.jq-dropdown.jq-icon-dropdown.jq-dd-activated .icon {
		color: #ffffff;
	}
/* items in dropdown */
.jq-dropdown.jq-icon-dropdown .jq-dd-list-container ul {
	border-color: #184894;
	background: #ffffff;
}

.jq-dropdown.jq-icon-dropdown .jq-dd-list-container li + li {
	border-top-color: transparent;
}

.jq-dropdown.jq-icon-dropdown .jq-dd-list-container li > a {
	color: #2563d9;
}

	.jq-dropdown.jq-icon-dropdown .jq-dd-list-container li > a:focus,
	.jq-dropdown.jq-icon-dropdown .jq-dd-list-container li > a:hover {
		color: #ffffff;
		background-color: #2563d9 !important;
	}



/* Progress bar */
.progress-cursor {
	background-color: #DFDFDF;
}

	.progress-cursor:before {
		border-top-color: #DFDFDF;
		border-left-color: transparent;
		border-right-color: transparent;
		border-bottom-color: transparent;
	}

.slide-containers,
.slide-containers-alt {
	background: #FFFFFF;
	border-color: #CECECE; /*@CFCFCF*/
}

.slide-containers-add {
	border-color: #CECECE; /*@CFCFCF*/
}

.file-list {
	border-color: #DFDFDF; /*@DFDFDF*/
	border-bottom-color: #DFDFDF; /*@DFDFDF*/
}

	.file-list li {
		border-bottom-color: #DFDFDF; /*@DFDFDF*/
	}


.reg-carrier-choice-item {
	border-color: #DFDFDF; /*@DFDFDF*/
	background-color: white;
}

.corner-triangle-top-right {
	border-color: #DFDFDF #DFDFDF transparent transparent; /*@DFDFDF*/
}
/* RQM 28709 Darker gray triangle on first column: starter */
.package-table .corner-triangle-top-right {
	border-color: #7D7D7D #7D7D7D transparent transparent; /*@DFDFDF*/
}

.package-table .corner-triangle-top-right-green {
	border-color: #238E07 #238E07 transparent transparent; /*@238E07*/
}

.reg-carrier-choice-selected .corner-triangle-top-right,
.reg-carrier-choice-selected:hover .corner-triangle-top-right {
	border-color: white white transparent transparent;
}

.has-corner-triangle .corner-triangle-top-right .icon {
	color: white;
}

/* 14.06 top right triangle of a standard icon (warning) always visible */
.has-corner-triangle .corner-triangle-warning {
	border-color: #FFFFFF #FFFFFF transparent transparent;
}

	.has-corner-triangle .corner-triangle-warning .icon {
		color: #FF8400;
	}

.nav-letters {
	border-top-color: #E4E4E4; /*@E4E4E4*/
	border-left-color: #E4E4E4; /*@E4E4E4*/
}

	.nav-letters .nav-letter-item {
		border-bottom-color: #E4E4E4; /*@E4E4E4*/
	}

.nav-letter-item a {
	color: #4C4C4C; /*@4C4C4C*/
}

.nav-list-left li {
	border-bottom-color: #DFDFDF; /*@DFDFDF*/
}

.nav-list-left .first {
	border-top-color: #DFDFDF; /*@DFDFDF*/
}

.nav-list-left a {
	color: #4C4C4C; /*@4C4C4C*/
}

.nav-list-left .current {
	background-color: #DFDFDF; /*@DFDFDF*/
}

	.nav-list-left .current a {
		border-top-color: #DFDFDF; /*@DFDFDF*/
		border-bottom-color: #DFDFDF; /*@DFDFDF*/
		border-left-color: #DFDFDF; /*@DFDFDF*/
		background-color: #F5F5F5; /*@F5F5F5*/
	}


.slide-containers-pagins a {
	background-color: #D6D6D6; /*@D6D6D6*/
}

.fieldset-like {
	border-color: #CECECE; /*@CECECE*/
}

.mod .fieldset-like .legend-like span {
	background-color: #F5F5F5; /*@F5F5F5*/
}

.bg-gray .fieldset-like .legend-like span {
	background-color: #DFDFDF; /*@DFDFDF*/
}


#ajax-messages .msg {
	border-color: #FFFFFF;
	background-color: #F5F5F5; /*@F5F5F5*/
}

/* 18b.07 RQM 21648 Replacing textarea by serie of input elements */
.si-bl-editable p.a-tooltip span {
	color: #FFFFFF;
	background-color: #184894;
}

.si-bl-editing {
	border-color: #DFDFDF;
	background-color: white;
}

	.si-bl-editing input {
		border-bottom-color: #F0F0F0;
	}
	/* Error icon (red triangle) next to edited field */
	.si-bl-editing .field-validation-error:hover .field-validation-tooltip {
		color: #FFFFFF;
		background-color: #E10135;
	}

/* 18b.08 */
.si-tooltip {
	background-color: #FFFFFF;
	border-color: #cecece;
}

.si-tooltip-title {
	color: white;
	background-color: #184894;
}

	.si-tooltip-title .icon {
		color: #FFFFFF;
	}

.si-tooltip-subtitle {
	border-color: #ECECEC;
}

.si-tooltip:before {
	border-left-color: transparent; /* transparent;*/
	border-right-color: transparent; /* transparent;*/
	border-bottom-color: #184894;
}
/* RQM 28693 - INS - le tooltip package desc empeche de cliquer sur lecontainer du dessous */
.si-tooltip-north:before {
	border-top-color: #184894;
}

/* Highlight of a container size ("20ST" in white on blue) (page 18b.08, see also previously 6a.02b in 480.css) */
.highlight-square {
	border-color: #ECECEE;
	color: #2C2C2C;
	background-color: #ECECEE;
}

.current .highlight-square,
.si-tabs li:hover .highlight-square {
	border-color: #184894;
	color: white;
	background-color: #184894;
}

.highlight-square-off,
.current .highlight-square-off,
.si-tabs li:hover .highlight-square-off {
	border-color: #CECECE;
	color: #777777;
	background-color: white;
}

.highlight-square.bg-gray {
	color: #4C4C4C;
}

/* 18b.08 Tabs (not using Kendo Tabstrip) */
#jq-tabstrip > .sticky {
	background-color: white;
}

.si-tabs li {
	border-bottom-color: #cecece;
	background-color: #FFFFFF;
}

	.si-tabs li:hover {
		background-color: #ECECEC;
	}

.si-tabs a {
	color: #4C4C4C;
}

.si-tabs .current {
	background-color: #ECECEC;
}

	.si-tabs .current:after {
		border-color: transparent;
		border-right-color: #184894;
	}
/* For pages 18b.08 and sticky Tabstrip #1 (not .jq-tabstrip2-*) */
.jq-content-current {
	border-left-color: #184894 !important;
}

/*  */
.detailsedit-status {
	border-bottom-color: #184894;
}

.detailsedit-thumb {
	border-bottom-color: #cecece;
}

	.detailsedit-thumb .detailsedit-completed,
	.detailsedit-thumb .detailsedit-partial,
	.detailsedit-thumb .detailsedit-none {
		border-top-color: #184894;
	}

/* Draft saving below SI Steps, 08/2014 version on white background - RQM 17377 */
/* Booking Steps, 08/2014 version at bottom of page: extra button with arrow and bordered block below */
.bkg-draft-save-arrow {
	border-bottom-color: #B8B8B8; /* should be #CECECE but it's so aliased... */
}
/* Booking Save and Submit - seen at bottom of 7.21 (RQM 17377) */
.bkg-save-item .bkg-save-icon .icon {
	color: #777;
}
/* Icon can also be magenta if parent has a class .bkg-save-item-active (depends on Carrier: see 21-colors.css for that) */
.bkg-save-item-active .bkg-save-icon .icon {
	color: #d81772;
}

.icon-square40 {
	background: #184894;
	color: white;
}

/* Notifications - 14b.01 rework / RQM 31793 */
/* When .notif-sub-action has a second class .notif-sub-active, color depends of Carrier */
.notif-sub-active {
	border-bottom-color: #2563d9;
}

	.notif-sub-active .icon {
		color: #2563d9;
	}

/*== ANIMATIONS CSS3
unprefixed and webkit prefix properties/rules has a Fx16+, IE10+, Saf4+, Chrome, Op15+ compatibility on desktop */

/* ANIMATION used for example on .banner-gray in 18b.07 */
@keyframes fade /* Fx16+ / IE10+ */ {
	from {
		background: #184894;
		color: #FFFFFF;
	}

	to {
		background: #DFDFDF;
	}
}

@-webkit-keyframes fade /* Safari and Chrome */ {
	from {
		background: #184894;
		color: #FFFFFF;
	}

	to {
		background: #DFDFDF;
	}
}

/* TRASH ANIMATION used for example on .banner-gray icon in 18b.07 */
@keyframes fadeTrash /* Fx16+ / IE10+ */ {
	from {
		color: #FFFFFF;
	}
}

@-webkit-keyframes fadeTrash /* Safari and Chrome */ {
	from {
		color: #FFFFFF;
	}
}

.fade {
	-webkit-animation: fade 1200ms ease-in;
	animation: fade 1200ms ease-in;
}

	.fade a i {
		-webkit-animation: fadeTrash 1200ms ease-in;
		animation: fadeTrash 1200ms ease-in;
	}


/* ==Kendo colors */
.k-block,
.k-widget,
.k-textbox,
.k-group,
.k-content,
.k-editable-area,
.k-separator,
.k-colorpicker .k-i-arrow-s,
.k-textbox > input,
.k-autocomplete,
.k-dropdown-wrap,
.k-toolbar,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-state-default,
.k-state-default .k-select,
.k-state-disabled,
.k-grid-header-wrap,
.k-grid-header,
.k-grid-footer-wrap,
/* ALSA pager .k-pager-wrap,*/
.k-pager-wrap .k-link,
.k-pager-refresh,
.k-grouping-header,
.k-grouping-header .k-group-indicator,
.k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link,
.k-panelbar .k-panel,
.k-panelbar .k-content,
.k-calendar th,
.k-slider-track,
.k-splitbar,
.k-dropzone-active,
.k-upload-files,
.k-tiles,
.k-toolbar,
.k-tooltip,
.k-progress {
	border-color: #dfdfdf; /*@C5C5C5*/
}
/* ALSA pager / no border due to .k-widget on data table pagination and fake background */
.k-pager-wrap.k-widget {
	border: none;
	background-color: #F5F5F5;
}
/* @TODO Huge consequences or? */
.k-grid.k-widget {
	border: none;
}

.k-group,
.k-toolbar,
.k-grouping-header,
/* ALSA pager .k-pager-wrap,*/
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-widget .k-status,
.k-grouping-row td,
td.k-group-cell,
.k-calendar th,
.k-dropzone-hovered,
.k-upload-files {
	background-color: #F0F0F0; /*@F2F2F2*/
}

.k-list-container {
	border-color: #C5C5C5; /*@C5C5C5*/
	background-color: #DAE7F8; /*@DFEBF9*/
}

.k-content,
.k-editable-area,
.k-panelbar > li.k-item,
.k-panel > li.k-item,
.k-tiles {
	background-color: #FFFFFF;
}

.k-alt,
.k-separator {
	background-color: #F5F5F5; /*@F5F5F5*/
}

/* ALSA data-table .k-widget .k-dropdown-wrap,*/
/* ALSA datepicker .k-widget .k-picker-wrap,*/
/* ALSA grid numeric .k-widget .k-numeric-wrap,*/
.k-textbox,
/* AUTOCOMPLETE .k-autocomplete.k-header,*/
.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused:hover,
div.k-picker-wrap.k-state-active /*,*/
/* ALSA datepicker .k-picker-wrap.k-state-focused,*/
/* ALSA datepicker .k-picker-wrap.k-state-focused:hover,*/
/* ALSA grid numeric see below span.k-numeric-wrap.k-state-active,
.k-numeric-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused:hover */ {
	border-color: #2563d9;
	border-width: 2px; /* Also see 08-templates for -1px of padding (focused and hover in the same selector) */
	background-color: #F8F8F9; /*@F8F8F9 */
}
/* ALSA datepicker and ALSA grid numeric color of border when focuses (and focused+hovered) */
.k-picker-wrap.k-state-active .k-input,
span.k-numeric-wrap.k-state-active,
.k-numeric-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused:hover {
	border-color: #2563d9;
	border-width: 2px;
}

.k-textbox > input {
	border-color: #2563d9; /* ALSA textbox in grid filters / was #D0D9E0; */
}

input.k-textbox,
textarea.k-textbox,
.k-textbox > input {
	background-color: #FFFFFF;
	color: #293135; /*@293135*/
}

	input.k-textbox:focus,
	input.k-textbox:hover,
	textarea.k-textbox:focus,
	textarea.k-textbox:hover,
	.k-grid-edit-row #aria_active_cell .k-textbox {
		border-color: #2563d9;
	}

.k-grid-edit-row .k-textbox:hover,
.k-grid-edit-row .k-textbox:focus,
.k-grid-edit-row #aria_active_cell .k-textbox {
	-webkit-box-shadow: -1px 0 0 #2563d9;
	box-shadow: -1px 0 0 #2563d9;
}
	/* invalid */
	.k-grid-edit-row .k-textbox.k-invalid,
	.k-grid-edit-row #aria_active_cell .k-textbox.k-invalid {
		border-color: #e00009 !important;
		-webkit-box-shadow: -1px 0 0;
		box-shadow: -1px 0 0 #e00009;
	}

	.k-grid-edit-row .k-textbox[disabled]:hover,
	.k-grid-edit-row .k-textbox[disabled]:focus,
	.k-grid-edit-row #aria_active_cell .k-textbox[disabled] {
		-webkit-box-shadow: 0 0 0 transparent;
		box-shadow: 0 0 0 transparent;
	}

.k-block,
.k-widget,
.k-popup,
.k-content {
	color: #4C4C4C; /*@293135*/
}

.k-link:link,
.k-link:visited {
	color: #293135; /*@293135*/
}

.k-grid-header .k-header {
	white-space: normal; /* @ALSAAFAIRE rien à faire là */
	background-color: #F5F5F5; /*@F5F5F5*/
	border-color: #DFDFDF; /*@DFDFDF*/
}

.k-header,
.big-tooltip-header {
	color: #293135; /*@293135*/
}

.k-loading-color {
	background-color: #FFFFFF;
}

.k-button {
	color: #293135; /*@293135*/
}

	.k-button,
	.k-button.k-state-disabled:hover,
	.k-state-disabled .k-button:hover,
	.k-draghandle {
		border-color: #D0D9E0; /*@D0D9E0*/
		background-color: #DAECF4; /*@DAECF4*/
	}

		.k-button:hover,
		.k-draghandle:hover {
			border-color: #D0D9E0; /*@D0D9E0*/
			background-color: #7BD2F6; /*@7BD2F6*/
		}

.k-state-active,
.k-state-active:hover,
.k-active-filter {
	background-color: #F5F5F5; /*@F5F7F8*/
	border-color: #CECECE; /*@D0D9E0*/
	/* Not wanted in 22.03 and its panelbar // color: #293135;*/ /*@293135*/
}
/* ALSA datepicker .k-state-focused {
	color: #005C83;
	background-color: #7BD2F6;
	border-color: #D0D9E0;
}*/
/* ALSA multiselect is concerned by .k-list > .k-state-focused */
.k-state-selected,
.k-list > .k-state-selected,
.k-list > .k-state-focused,
.k-panelbar > .k-state-selected,
.k-panel > .k-state-selected,
.k-button:active,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover {
	color: #FFFFFF;
	/* ALSA multiselect */ background-color: #767676; /*@005C83*/
	border-color: #767676; /*@D0D9E0*/
}

	.k-state-selected.k-state-focused {
		background-color: #CECECE; /*@CECECE*/
	}
/* ALSA dropdown / +Template case, 1st item in dropdown */
.k-list-optionlabel:hover,
.k-list-optionlabel.k-state-selected.k-state-focused {
	border-color: #DFDFDF; /* must stay #DFDFDF on bottom and nothing on t,l,r */
	background: #2563d9; /* overriding bg, not only bg-c because of an existing gradient */
	color: #FFF; /* for :hover state */
	/*border-radius: 0; Directly removed in kendo.must.min.css */
	cursor: pointer;
}

.k-state-selected > .k-link {
	color: #FFFFFF;
}

.k-state-hover,
.k-state-hover:hover,
.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover,
/* sublists autocomplete multiselect etc should be white .k-list>.k-state-hover,*/
.k-marquee /* ALSA pager ,
.k-pager-wrap .k-link:hover*/ {
	color: #5D5D5D; /*@5D5D5D*/
	/* ALSA popup no border border-color: #DFDFDF;/*@DFDFDF*/
}

.k-list > .k-state-hover {
	color: #FFFFFF;
}

.k-state-hover > .k-link,
.k-other-month.k-state-hover .k-link {
	color: #5D5D5D; /*@5D5D5D*/
}

.k-textbox:hover,
/* ALSA autocomplete see below.k-autocomplete.k-state-hover,*/
/*.k-autocomplete input:hover, /* @BUGFIX When hovering label, Kendo sends a hover event on input (but doesn't add .k-state-hover as it'd when hovering input) */
/* so we add the same CSS for :hover than for .k-state-hover */
/* ALSA autocomplete (see below) .k-picker-wrap.k-state-hover, */
/* ALSA grid numeric see below .k-numeric-wrap.k-state-hover,*/
.k-dropdown-wrap.k-state-hover {
	background-color: #F0F0F0; /*@F2F2F2*/
	border-width: 2px;
	border-color: #2563d9;
}
/* ALSA autocomplete, ??? and ALSA grid numeric */
.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover .k-input,
.k-numeric-wrap.k-state-hover,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-focused .k-input,
.k-numeric-wrap.k-state-focused {
	border-color: #2563d9;
	border-width: 2px;
}

.k-calendar .k-state-selected.k-state-focused > .k-link {
	background-color: transparent
}

.k-dropdown .k-state-hover .k-input {
	color: #5D5D5D; /*@5D5D5D*/
}
/* ALSA dropdown .k-dropdown .k-state-focused .k-input {
	color: #293135;
}*/
.k-state-error {
	border-color: #FF7777; /*@FF7777*/
	background-color: #FFF1F1; /*@FFF1F1*/
	color: #F60000; /*@F60000*/
}

.k-state-disabled,
.k-state-disabled .k-link,
.k-state-disabled .k-button,
.k-other-month .k-link,
.k-dropzone em,
.k-tile-empty strong,
.k-slider .k-draghandle {
	color: #8B9097; /*@8B9097*/
}

.k-slider-track {
	background-color: #DAECF4; /*@DAECF4*/
}

.k-slider-selection {
	background-color: #005C83; /*@005C83*/
}

.k-tooltip {
	border-color: #D0D9E0; /*@D0D9E0*/
	background-color: #FFFFFF;
	color: #293135; /*@293135*/
}

.k-tooltip-validation {
	border-color: #FFE79E; /*@FFE79E*/
	background-color: #FFF4C9; /*@FFF4C9*/
	color: #635145; /*@635145*/
}

.k-splitbar {
	background-color: #DAECF4; /*@DAECF4*/
}

.k-restricted-size-vertical,
.k-restricted-size-horizontal {
	background-color: #F60000; /*@F60000*/
}

.k-progress-status {
	border-color: #D0D9E0 transparent; /*@D0D9E0*/
}

.k-tile {
	border-color: #FFFFFF;
}

.k-textbox:hover,
.k-tiles li.k-state-hover {
	border-color: #D0D9E0; /*@D0D9E0*/
}

.k-tiles li.k-state-selected {
	border-color: #D0D9E0; /*@D0D9E0*/
}

.k-grid td {
	border-color: #FFFFFF;
}

.k-grid tr:not(:last-child) td.bd-solid {
	border-color: #DFDFDF;
}

.k-filter-menu .k-button[type="submit"] {
	background: #d81772; /*@D71771*/
	border-color: #d81772; /*@D71771*/
	color: #FFFFFF;
}

/* Kendo2015 autocomplete hover not white
.k-popup .k-list .k-item.k-state-hover {
	background: #ffffff;
}
*/
/* Kendo2015 multiselect item already selected keeps a white bg (not pink/magenta anymore) and has a text color #9B9B9B plus italic */
.k-popup .k-list .k-item.k-state-selected {
	font-style: italic;
	color: #9B9B9B;
	background: #FFFFFF;
}

	.k-popup .k-list .k-item.k-state-selected:hover {
		/*color: #FFFFFF;*/
		/*background: #d81772;*/
	}

.k-widget.export_actions_DD,
.k-widget.display_actions_DD {
	border-color: #DFDFDF; /*@DFDFDF*/
	background-color: #EFF2F7; /*@EFF2F7*/
	background-image: -webkit-linear-gradient(#F9F9F9, #E4EDF4); /*@F9F9F9*/
	background-image: linear-gradient(#F9F9F9, #E4EDF4); /*@F9F9F9*/
	/* @TODO tester pour Fx/Chr récents : il faudrait la nouvelle syntaxe */
}

/* Kendo color blue #2563D9 for Carriers */
/* From 08-templates.css */
/* overrides .k-grid-header .k-header */
.k-grid-header .k-widget.k-state-focused {
	border-color: #2563d9; /*@2563D9*/
}

.k-filtercell .k-dropdown .k-select:before {
	color: #184894; /*@184894 et pas 2563D9*/
}

.k-filtercell .k-dropdown .k-state-hover .k-select,
.k-filtercell .k-dropdown .k-state-focused .k-select {
	border-color: #2563d9; /*@2563D9*/
}


/* From kendo.must.min.css */
.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover,
.k-list > .k-state-hover,
.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.k-dropdown .k-state-focused,
.k-filebrowser-dropzone,
.k-mobile-list .k-item > .k-link:active,
.k-mobile-list .k-item > .k-label:active,
.k-mobile-list .k-edit-label.k-check:active,
.k-mobile-list .k-recur-view .k-check:active {
	background-color: #2563d9; /*@2563D9 was #767676 */
}

.k-multiselect.k-header.k-state-hover,
.k-multiselect.k-header.k-state-focused { /* ALSA multiselect Merging hover and focus rules here (bd: 1px and outline: 1px) */
	/*border-width: 2px; Buggy with multiline by design if using border. Mixing border and outline */
	border-color: #2563d9; /*@2563D9 was #b6bdca; */
	outline: 1px solid #2563d9; /*@2563D9*/
}

.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused {
	border-width: 2px;
	border-color: #2563d9; /*@2563D9 was #b6bdca;*/
	background: #FFFFFF;
}

.k-calendar .k-content .k-state-selected {
	background: #184894; /*@184894*/
}

.k-calendar .k-content .k-state-hover {
	border-color: #184894; /*@184894*/
}


.k-calendar .k-footer a.k-link {
	color: #2563d9; /*@184894*/
}


.k-header .k-link {
	color: #4C4C4C; /*@4C4C4C*/
}

.k-block,
.k-toolbar,
.k-tooltip,
.k-button,
.k-draghandle {
	background-color: #F5F5F5; /*@F4F4F4*/
}

.k-grid table {
	border-color: #DFDFDF; /*@DFDFDF*/
}

.k-header {
	border-color: #DFDFDF; /*@DFDFDF*/
	background: #F5F5F5; /*@F5F5F5*/
}

.k-grouping-header {
	color: #4C4C4C; /*@4C4C4C*/
	background: #F5F5F5; /*@F5F5F5*/
}

span.k-dropdown {
	background: #cecece; /*@F2F2F2*/
	color: #4C4C4C; /*@4C4C4C*/
}

div.k-popup.k-list-container {
	border-color: #8D8D8D; /*@DFDFDF*/ /* ALSA autocomplete (and many others) / border color of popup */
}

.k-popup {
	background: #FFFFFF; /* Popup (list of items) of autocomplete, multiselect and dropdown has a white background */
	border-color: #DFDFDF; /*@DFDFDF*/
	color: #4C4C4C; /*@4C4C4C*/
}
	/* RQM 29294 - INS - TABLE : Autocomplete lists background on 28/08 (pages 18b.08)
	"lightgray" was proposed. This color keyword is #D3D3D3 in hexa and closest existing gray in project is #CECECE.
	/!\ Warning: has an effect on ALL autocompletes and maybe other Kendo widgets.
	Old value: #F5F5F5 */
	.k-popup.k-popup-darker {
		background: #CECECE; /*@F5F5F5*/
	}

.k-filter-menu .k-button {
	color: #4C4C4C;
	background: #F2F2F2; /*@F2F2F2*/
	border-color: #DFDFDF; /*@DFDFDF*/
}

.k-filter-menu .k-dropdown {
	border-color: #DFDFDF; /*@DFDFDF*/
}

.k-dropdown .k-input {
	color: #4C4C4C; /*@4C4C4C*/
}

span.showing_DD {
	font-size: 1.3em; /*@ALSAAFAIRE rien à faire là*/
	border-color: #DFDFDF; /*@DDDDDD*/
	border-color: #DFDFDF #BBBBBB #999999; /*@DDDDDD*/
	background-color: #E4E4E4; /*@E5E5E5*/
	background-image: -webkit-linear-gradient(#FFFFFF, #E4E4E4); /*@FFFFFF*/
	background-image: linear-gradient(#FFFFFF, #E4E4E4); /*@FFFFFF*/
}

.showing_DD .k-input {
	color: #4C4C4C; /*@555555*/
}

.showing-link .blue1 {
	color: #184894 !important;
}

/* Kendo Dropdown from a generic input - see last Label "Commodity" in page 18b.01 */
span.k-dropdown.k-dropdown-generic {
	display: inline-block;
	padding: 2px 3px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	background: #FFFFFF;
}

.k-widget.k-dropdown-generic {
	border: 1px solid #8D8D8D;
}

span.k-dropdown.k-dropdown-generic .k-dropdown-wrap {
	padding: 0;
}
/* .k-dropdown-generic .k-link:not(.k-state-disabled):hover>.k-i-arrow-s, */
.k-dropdown-generic .k-state-hover .k-i-arrow-s /*,
.k-button:hover .k-i-arrow-s, */
/* .k-textbox:hover .k-i-arrow-s, */
/* .k-button:active .k-i-arrow-s*/ {
	background-position: 0 -32px;
}
/* Loading for k-dropdown */
.k-loading,
.k-state-hover .k-loading {
	background-image: url('/Images/loading-16x16.gif');
	background-position: 50% 50%;
}

.k-loading-image {
	background-image: url('/Images/loading-image-2.gif');
}

.k-dropdown .k-loading {
	position: absolute;
	width: 16px;
	height: 16px;
	top: 6px;
	right: 24px;
	background: url(/Images/loading-16x16.gif) left top no-repeat !important;
}

.k-data-table td .k-loading {
	background: url(/Images/loading-16x16.gif) left top no-repeat !important;
}

.k-pager-info {
	color: #4C4C4C; /*@4C4C4C*/
}

/* ALSA pager
.k-grid-pager {
	background-color: #F5F5F5;
}
.k-grid-pager .k-link {
	background-color: #F9F9F9;
}
.k-pager-wrap > .k-link {
	border-color: #DFDFDF;
}*/

.k-window-titlebar {
	background-color: #ECECEE; /*@ECECEE*/
}

.k-window.is-simplewarning .k-window-titlebar {
	background-color: #fff;
}

.k-window-titlebar .k-window-action {
	background-image: url(./img/k-window-action.png);
}

.k-window-title {
	color: #4C4C4C; /*@4C4C4C*/
}


div.k-window-content {
	color: #4C4C4C; /*@4C4C4C*/
}


.oldie div.k-window {
	border-color: #CECECE;
}
/*@CECECE*/

.k-multiselect .k-button {
	/* We set background to override color AND gradient (bg-image) set by Kendo theme */
	background: #DFDFDF; /*@F5F5F5*/
	color: #4C4C4C; /*@4C4C4C*/
}

.k-multiselect .k-state-hover {
	background: #2563d9; /*@2563D9 was #767676*/
	color: #FFFFFF;
}
/* ALSA Necessary for filters in data table (also styles dropdowns of ALSA autocomplete and ALSA dropdown */
.k-list > .k-state-focused {
	background: #2563d9 !important; /* was #767676 !important;/*@797979*/
	color: #FFFFFF !important; /*@FFFFFF*/
}
	/* but not wanted in ALSA multiselect when option already selected (must stay unchanged) */
	.k-list > .k-state-focused.k-state-selected {
		background: #FFFFFF !important;
		color: #9B9B9B !important;
	}

.k-multiselect-wrap {
	border-color: #8D8D8D; /*@CCCCCC*/
}

.k-datepicker .k-input {
	border-color: #8D8D8D; /*@CCCCCC*/
	color: #4C4C4C; /*@9B9B9B*/
}

.k-i-calendar {
	background-image: url(./img/datepicker-icon.png);
}

.k-datetimepicker .k-i-calendar {
	background-position: 1px 2px;
	background-image: url(./img/sprite-datetimepicker.png);
}

.k-datetimepicker .k-i-clock {
	background-position: 0 -19px;
	background-image: url(./img/sprite-datetimepicker.png);
}

.k-calendar-container {
	border-color: #929292; /*@929292*/
}

.k-calendar .k-header {
	color: #4C4C4C; /*@4C4C4C*/
	background-color: #ECECEE; /*@ECECEE*/
}

/* ALSA datepicker
.k-calendar .k-content,
.k-calendar .k-content a.k-link,
.k-calendar .k-content .k-state-selected a.k-link:hover {
	color: #4C4C4C;
}*/
.k-calendar .k-content .k-other-month a.k-link {
	color: #CECECE; /*@CECECE*/
}

/* ALSA datepicker
.k-calendar .k-content .k-state-focused {
	background: #CECECE;
}*/

.k-calendar .k-content .k-state-selected a.k-link {
	color: #FFFFFF;
}

.k-calendar .k-content td {
	border-color: #FFFFFF;
}

.k-calendar .k-content th {
	background-color: #ECECEE; /*@ECECEE*/
}
/* ALSA datepicker Back in kendo.must.css
.k-calendar .k-footer {
	border-top-color: #CECECE;
}*/

.k-panelbar .k-item {
	border-color: #CECECE; /*@CECECE*/
}


.k-panelbar .title a {
	color: #4C4C4C; /*@4C4C4C*/
}

.k-panelbar {
	border-bottom-color: #CECECE; /*@CECECE*/
}

	.k-panelbar .k-content {
		background: none;
	}

	/*.k-panelbar .k-link {
	background-color: #DFDFDF;*/ /*@DFDFDF*/
	/*}*/

	.k-panelbar .k-state-active .k-link {
		border-bottom-color: #CECECE !important; /*@CECECE*/
	}

	.k-panelbar .k-state-focused.k-link,
	.k-panelbar .k-state-hover.k-link {
		background: none;
	}

	.k-panelbar .panelbar-bg-gray-content {
		background: none !important;
		border-color: #cecece !important;
	}

.k-upload .k-upload-button {
	background: #888888; /*@898989*/
	color: #FFFFFF;
}

	.k-upload .k-upload-button:hover {
		background: #767676; /*@777777*/
	}

.k-tabstrip .k-state-hover {
	background-color: #FFFFFF;
}

/* Added by Alsacreations - RQM #17275 DSH: FILTER OPTION HARDLY NOTICEABLE ON DASHBOARDS */
/* Active filter on white background */
.k-grid-filter.k-state-active {
	background-color: #FFFFFF;
}
/* ALSA grid filter row */
.k-filtercell .k-i-close:before,
.k-grouping-header .k-group-delete:before,
.k-grouping-row .k-icon:before {
	color: #184894; /*@184894 et pas 2563D9*/
}
/* Hovering a sort arrow will already display the gray/black one, not the white one not noticeable on a bbackground #F5F5F5 */
/* First rule will be understood also by IE8-. The second one avoids to display on disabled .k-link but doesn't work on IE8-. Same thing for 3rd and 4th */
.k-link:hover > .k-i-arrow-n {
	background-position: 0 0;
}

.k-link:not(.k-state-disabled):hover > .k-i-arrow-n {
	background-position: 0 0;
}

.k-link:hover > .k-i-arrow-s {
	background-position: 0 -32px;
}

.k-link:not(.k-state-disabled):hover > .k-i-arrow-s {
	background-position: 0 -32px;
}

/*== Kendo treeview / Local Offices */
.sitemap .k-treeview .k-state-selected,
.sitemap .k-treeview .k-state-focused {
	border: none;
	color: #2563d9;
	background: none;
}
/* ALSA treeview / Added during kendo2014 */
.sitemap .k-state-focused.k-state-selected {
	-webkit-box-shadow: none;
	box-shadow: none;
}
/* ALSA treeview - moved from 08-corporate.css because of buggy background in Carriers */
.k-treeview .corp-country-list a:hover {
	color: #FFFFFF !important;
	background-color: #184894 !important;
}
/* T&J selector overloaded in 09-kendo.css firts */
.form-cond-bigger .k-dropdown-wrap,
.form-cond-bigger .k-dropdown-wrap.k-state-hover,
.form-cond-bigger .k-dropdown-wrap.k-state-focused {
	border-width: 1px;
	border-color: transparent;
	background-color: transparent;
}

.form-cond-bigger .k-numeric-wrap.k-state-hover,
.form-cond-bigger .k-numeric-wrap.k-state-focused {
	border-width: 1px;
	border-color: #c5c5c5;
}

.form-cond-bigger .k-widget .k-numeric-wrap .k-select {
	border-color: #c5c5c5;
}

.form-cond-bigger-dropdown .k-list {
	background: #f5f5f5;
}

.form-cond-bigger-dropdown .k-item + .k-item {
	border-top: 1px solid #dfdfdf !important;
}

.form-cond-bigger-dropdown .k-list > .k-state-hover {
	background: #fff !important;
	color: inherit !important;
}

.form-cond-bigger-dropdown .k-list > .k-state-focused,
.form-cond-bigger-dropdown .k-list > .k-state-selected,
.form-cond-bigger-dropdown .k-list > .k-state-selected.k-state-focused {
	background: #767676 !important;
	color: #fff !important;
}
/*T&J errors*/
.form-cond-bigger .input-validation-error .k-numeric-wrap,
.form-cond-bigger .input-validation-error .k-numeric-wrap.k-state-hover,
.form-cond-bigger .input-validation-error .k-numeric-wrap.k-state-focused,
.form-cond-bigger .input-validation-error .k-dropdown-wrap,
.form-cond-bigger .input-validation-error .k-dropdown-wrap.k-state-hover,
.form-cond-bigger .input-validation-error .k-dropdown-wrap.k-state-focused {
	border-color: #E10135;
}



/* ie specific colors */

/* IE9 and less */
.ie9 .corp-bipart .bipart-left,
.oldie .corp-bipart .bipart-left {
	border-right-color: #FFFFFF;
}

.ie7 #search .list-selector p:hover i.icon, /*@search*/
.ie7 #search .list-selector p:focus i.icon { /*@search*/
	color: #FFFFFF !important;
}

.ie67 #search .list-selector i.icon { /*@search*/
	color: #4C4C4C !important; /*@4C4C4C*/
}

.ie67 .banner-login input {
	border-color: #9EAFC1 !important; /*@9EAFC1*/ /*@ALSAAFAIRE*/
}

.ie67 .slide-containers p button.darkblue {
	background: #184894; /*@184894*/
}

.ie67 .corp-connect-biz .title,
.ie67 .corp-sb-connect-biz .title {
	color: #184894; /*@D71771*/
}


.ie9 .corp-bipart .bipart-right,
.oldie .corp-bipart .bipart-right {
	border: #CECECE; /*@CECECE*/ /*@ALSAAFAIRE border-color et retrouver le border dans aute fichier CSS*/
	background-color: #F5F5F5; /*@F5F5F5*/
}



.oldie .package-overlay {
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80E6E6E6,endColorstr=#80E6E6E6); /*@80E6E6*/
}

.ie67 .banner-arrow-blue {
	border-top-color: #F5F5F5; /*@F5F5F5*/
	border-left-color: #F5F5F5; /*@F5F5F5*/
	border-right-color: #F5F5F5; /*@F5F5F5*/
}

.ie67 .package-table {
	border-color: #DFDFDF; /*@DDDDDD*/
}


.oldie .db-header-close,
.oldie .db-header-drag,
.oldie .db-header-mode,
.oldie .db-header-adds {
	border-color: #FFFFFF;
}



/* RWD colors */

@media screen and (min-width: 1200px) {

	.large-bg-white {
		background: #FFFFFF !important; /* to override background-color from small-data-list */ /*@FFFFFF*/
	}

	.large-table-gut4-5-gray {
		border-right-color: #F5F5F5; /*@F5F5F5*/
	}

	.large-bg-gray {
		background: #EAEAEA !important; /*@EBEBEB*/
	}

	.large-bd-right {
		border-right-color: #DFDFDF; /*@DFDFDF*/
	}

	.large-bd-left {
		border-left-color: #DFDFDF; /*@DFDFDF*/
	}

	.colorbox-wrapper {
		border-color: #DFDFDF; /*@DFDFDF*/
	}
}

@media screen and (max-width: 980px) { /* @BUGFIX RQM 22836 Vertical scrollbar was above Corporate pages for widths between 954-55 and ~1000px */


	.corp-has-banner .corp-inner h1 {
		border-top-color: #184894; /*@184894*/
		background-color: #FFFFFF;
	}

	.medium-bdt1 {
		border-top-color: #DFDFDF !important; /*@DFDFDF*/
	}

	.medium-bd-right {
		border-right-color: #DFDFDF; /*@DFDFDF*/
	}

	.medium-bd-left {
		border-left-color: #DFDFDF; /*@DFDFDF*/
	}

	.medium-bd-bottom {
		border-bottom-color: #DFDFDF; /*@DFDFDF*/
	}

	.medium-bd-top,
	.col.medium-block.medium-bd-top {
		border-top-color: #DFDFDF; /*@DFDFDF*/
	}

	.medium-bd-dash {
		border-color: #DFDFDF; /*@DFDFDF*/
	}

	.tunnel-4-steps .last,
	.tunnel-3-steps .last {
		background: #F0F0F0; /*@EFEFEF*/
	}

	.corp-nav .title-like {
		color: #4C4C4C; /*@4C4C4C*/
		background-color: #F9F9F9; /*@F9F9F9*/
		border-color: #DFDFDF; /*@DFDFDF*/
	}

	.nav-items li {
		border-color: #DFDFDF; /*@DFDFDF*/
	}

	.nav-items a {
		color: #4C4C4C; /*@4C4C4C*/
		background-color: #F9F9F9; /*@F9F9F9*/
	}

		.nav-items a:focus,
		.nav-items a:hover {
			background-color: #EAEAEA; /*@EAEAEA*/
		}

	.nav-items .current a {
		color: #4C4C4C; /*@4C4C4C*/
		background-color: #EAEAEA; /*@EAEAEA*/
	}

	.slide-container-prev,
	.slide-container-next {
		background: #ffffff;
		border-color: #dfdfdf;
	}

	.corp-nav .nav-items li li {
		border-color: #DFDFDF;
	}

	/* T&J - RTC 98807 - New navigation*/
	.corp-nav-icons .nav-items a,
	.corp-nav-icons .nav-items span {
		background: none transparent;
	}

	/* pagination */

	.corp-pagination [class^=PagedList-skip] a {
		border-color: #184894; /*@184894*/
		color: #FFFFFF;
		background-color: #184894; /*@184894*/
	}

	.corp-pagination .icon {
	}

	.alternate.corp-pagination [class^=PagedList-skip] a {
		background-color: #fc3636;
	}
}

@media screen and (max-width: 767px) {

	.small-bd-top-3-pink {
		border-top-color: #d81772 !important; /*@D71771*/
	}
	/* 18b.01 and 14.03 */
	.small-bd-right {
		border-right-color: #DFDFDF;
	}

	.large-bg-white {
		background: #FFFFFF !important; /* to override background-color from small-data-list */ /*@FFFFFF*/
	}

	.small-bg-white {
		background: #FFFFFF !important; /* to override background-color from small-data-list */ /*@FFFFFF*/
	}

	.small-bg-mod {
		background: #F5F5F5;
	}

	.small-bg-none {
		background: none transparent !important;
	}

	.small-data-info {
		border-color: #CECECE;
		background-color: #FFFFFF;
	}

		.small-data-table .highlight,
		.small-data-list .highlight,
		.small-data-info .highlight {
			background: #184894; /*@2E6198*/
			color: #FFFFFF;
		}

	.small-data-table .line-title label,
	.small-data-list .line-title label {
		color: #2563d9; /*@0068CE*/
	}


	.timeline-doc li.current {
		background-color: #FFFFFF;
	}

	a.a-tooltip.booking:hover span.east:before,
	a.a-tooltip.booking:focus span.east:before {
		border-bottom-color: #184894; /*@184894*/
	}


	.num-tunnel-check i.icon {
		color: #184894; /*@184894*/
	}

	button.blue1 .icon {
		color: #184894; /*@184894*/
	}

	.double-select div label {
		background-color: transparent;
	}

	.small-data-table .date-pastE span {
		font-style: italic;
	}

	.small-data-table .date-current {
		background: #FFFFFF;
	}

	.nav-letters .current {
		background-color: #FFFFFF;
	}

	.corp-specifications .list li {
		background-color: #FFFFFF;
	}

	.corp-specifications .list {
		border-color: #CECECE;
	}

		.corp-specifications .list li /* ,
	.corp-specifications .list .k-state-active a */ {
			background: #FFFFFF;
		}


	.corp-sb-news-cat {
		border-top-color: #184894; /*@184894*/
	}

	.corp-search-results h2.title {
		color: #2563d9; /*@0068CE*/
	}

		.corp-search-results h2.title:active {
			color: #2d75ff;
		}

	/*.corp-search-results h2.title:visited {
		color: #660099;
	}*/
	.corp-hp-slideshow a,
	.corp-hp-slideshow .icon {
		color: #C3D8F2;
	}

	.corp-tripart .tripart-mid {
		background: url(img/corp/tripart-centre-v.png);
	}

	.corp-bipart .bipart-left {
		background-image: url(img/corp/bipart-centre-v.png);
	}

	.corp-bipart .bipart-right {
		background-image: none;
	}

	.col.small-left.bd-right:not(.small-bdn) {
		border-right-color: #DFDFDF; /*@DFDFDF*/
	}

	.small-bd-top,
	.small-bt1 {
		border-top-color: #DFDFDF !important; /*@DFDFDF*/
	}

	.small-bd-bottom {
		border-color: #DFDFDF !important; /*@DFDFDF*/
	}

	.large-bg-gray {
		background: #EAEAEA !important; /* to override background-color from small-data-list */ /*@EAEAEA*/
	}

	.inner {
		border-top-color: #EAEAEA;
	}

	#navigation li + li {
		border-top-color: #CECECE; /*@D7D7D9*/
	}

	#navigation ul {
		border-color: #CECECE; /*@D7D7D9*/
		background-color: #F9F9F9; /*@F9F9F9*/
	}

	#navigation li:hover,
	#navigation li:focus { /*@ALSAAFAIRE Un li n'aura jamais le focus... Trouver un autre élément*/
		background-color: #F0F0F0; /*@F2F2F2*/
	}

	#navigation ul a:hover,
	#navigation ul a:focus {
		color: #4C4C4C; /*@4C4C4C*/
	}

	.small-menu a.clicked::after {
		border-bottom-color: #DFDFDF; /*@DDDDDD*/
	}

	.jq-nav-sub-open i.icon-gt,
	.jq-nav-sub-close i.icon-gt,
	.jq-nav-to-close i.icon-gt,
	.jq-nav-to-close .icon-lock {
		color: #4C4C4C; /*@4C4C4C*/
	}

	#header .header-mod { /*@header*/
		background-color: #F9F9F9; /*@F9F9F9*/
		border-color: #DFDFDF; /*@E3E5E7*/
	}

	#header #search button {
		background-color: #184894;
	}

		#header #search button .icon {
			color: #FFF;
		}

	.small-data-table li,
	.timeline-main li,
	.small-data-list div.small-data-block {
		border-color: #CECECE; /*@CFCFCF*/
		background: #FFFFFF;
	}

	.small-data-table .date-past,
	.small-data-table .past,
	.small-data-list .date-past {
		background: #D6D6D6; /*@D8D8D8*/
	}

	.small-data-table .date-provisional,
	.small-data-table .past,
	.small-data-list .date-provisional {
		border-color: #DFDFDF; /*@DFDFDF*/
		background: #EAEAEA; /*@EAEAEA*/
	}

	.small-data-table .provisional {
		background-color: #F5F5F5; /*@F5F5F5*/
	}

	.small-data-table hr,
	.small-data-list hr,
	.corp-inner .small-data-table hr,
	.corp-inner .small-data-list hr {
		background: #CECECE; /*@CFCFCF*/
	}

	.small-data-table .date-past hr,
	.small-data-list .date-past hr {
		background: #F5F5F5; /*@F5F5F5*/
	}

	.small-data-table .date-provisional hr,
	.small-data-table .provisional hr,
	.small-data-list .date-provisional hr {
		background: #DFDFDF; /*@DFDFDF*/
	}

	.line-title .alternate {
		color: #4C4C4C !important; /*@4C4C4C*/
	}

	.line-button .icon {
		color: #184894; /*@184894*/ /* rbg(24,72,148) */
	}

	.timeline-doc {
		border-color: #DFDFDF; /*@DFDFDF*/
		background: #F0F0F0; /*@EFEFEF*/
	}

		.timeline-doc li {
			background-color: #EAEAEA; /*@EAEAEA*/
		}

	.small-data-block .small-data-fromto {
		border-bottom-color: #DFDFDF; /*@DFDFDF*/
		background-color: #F0F0F0; /*@EFEFEF*/
	}

	.small-data-block .icon-arrow {
		color: #767676; /*@797979*/
	}

	.context-navigation .current:first-child,
	.context-navigation .jq-tabstrip2-current:first-child,
	.context-navigation .current,
	.context-navigation .jq-tabstrip2-current {
		border-left-color: #E4E4E4; /*@E4E4E4*/
	}

	.context-navigation li {
		background: #FFFFFF;
		border-top-color: #E4E4E4; /*@E4E4E4*/
	}

	.small-rwd-fieldset.genuine #second-col legend { /*@second*/
		border-top-color: #EAEAEA; /*@EAEAEA*/
	}

	.small-rwd-fieldset.genuine > legend {
		background-color: #DFDFDF; /*@DFDFDF*/
	}

	a.alternate.lightgray.icon {
		background: none repeat scroll 0 0 #F9F9F9; /*rgb(249, 249, 249)*/
		border: #DFDFDF; /* rgb(223, 223, 223) */ /*@ALSAAFAIRE border-color et retrouver le border dans aute fichier CSS*/
	}

	.jq-dd-list-container a:hover {
		background: #F0F0F0; /*@EEEEEE*/
	}

	.jq-dd-list-container ul {
		border-color: #DFDFDF; /*@DFDFDF*/
		background: #F9F9F9; /*@F9F9F9*/
	}

	.jq-dd-list-container li + li {
		border-top-color: #DFDFDF; /*@DFDFDF*/
	}

	.small-data-charges .charges-content {
		background: #FFFFFF;
		border-color: #767676; /*@797979*/
	}

	.small-data-table .date-pastE {
		background: #EAEAEA; /*@EBEBEB*/
	}

	.small-data-table .date-provisional {
		background: #ECECEC; /*@F5F5F5*/
	}

	/* Letters in squares */
	.nav-letters {
		border-top-color: #E4E4E4; /*@E4E4E4*/
		border-left-color: #E4E4E4; /*@E4E4E4*/
	}

		.nav-letters .current {
			border-bottom-color: #E4E4E4; /*@E4E4E4*/
		}

	/* CORPORATE: first paragraph */
	.corp-content .chapo {
		color: #6C6C6C; /*@6C6C6C*/
	}

	.corp-tripart .tripart-left,
	.corp-tripart .tripart-right {
		border-color: #D6D6D6; /*@D6D6D6*/
	}

	.corp-specifications .list {
		background-color: #F5F5F5; /*@F5F5F5*/
	}

		.corp-specifications .list,
		.corp-specifications .list a,
		/* .corp-specifications .k-item:first-child a, */
		/*@NOTE Already a border-bottom in Chrome but not in Firefox. There's a 1px difference between them so making it display in Fx breaks it in Chrome...
	.corp-specifications .c-nav-open.clicked + .list .k-state-active a, /* if other items are visible (then .clicked was added), grey border between 1st item and 2nd one. Needs to remove a px of padding and replace it by a border-bottom */
		.corp-specifications .jq-tabstrip2-current span {
			border-color: #CECECE; /*@CECECE*/
		}

	.corp-bipart .bipart-right {
		border-color: #CECECE; /*@CECECE*/
	}

	.corp-search-results li {
		border-bottom-color: #CECECE; /*@CFCFCF*/
	}

	.small-title-eco-calc {
		color: white;
	}

	.jq-dd-list-container a, .jq-dd-list-container .icon {
		color: #4C4C4C; /* @4C4C4C*/ /*rgb(76, 76, 76)*/
	}

	.line-button .icon {
		color: #184894; /*@184894*/ /* rbg(24,72,148) */
	}

	.small-main-nav ul {
		border-top-color: #D6D6D6 !important; /*@D7D7D9*/
	}

	.nav-list-left {
		background-color: #F5F5F5;
	}

		.nav-list-left li {
			background-color: #FFFFFF;
		}

			.nav-list-left li a {
				background-color: #FFFFFF;
				border-color: #DFDFDF;
			}

			.nav-list-left li.current {
				background-color: #F5F5F5;
				border-color: #DFDFDF;
			}

				.nav-list-left li.current a {
					background-color: #FFFFFF;
					border-bottom-color: #FFFFFF;
					border-right-color: #DFDFDF;
					color: #184894;
				}

	.small-menu a.social-open.clicked:after {
		border-bottom-color: #2d75ff;
	}

	.small-menu .social-open.clicked .icon {
		color: #2d75ff;
	}

	#social-network ul,
	#social-network a {
		background: #2d75ff;
		color: #FFFFFF;
		/*border: 1px solid #FFFFFF;
		border-width: 0 1px 1px;*/
	}

	#social-network .icon {
		color: #fff !important;
	}
}

@media screen and (max-width: 479px) {


	.timeline-doc li.current {
		background-color: #FFFFFF;
	}

	.xs-bdt1 {
		border-top-color: #DFDFDF !important; /*@DFDFDF*/
	}

	.timeline-doc {
		border-color: #DFDFDF; /*@DFDFDF*/
		background: #F0F0F0; /*@EFEFEF*/
	}

		.timeline-doc li {
			background-color: #EAEAEA; /*@EAEAEA*/
		}

	.filter-list > li + li {
		border-top-color: #DFDFDF !important; /*@DFDFDF*/
	}

	.nav-letters {
		border-top-color: #E4E4E4; /*@E4E4E4*/
		border-left-color: #E4E4E4; /*@E4E4E4*/
	}

	.corp-tripart .tripart-mid {
		background: url(img/corp/tripart-centre-v320.png);
	}

	.corp-bipart .bipart-left {
		background-image: url(img/corp/bipart-centre-v320.png);
	}
}


/* Carrier specific CMA */


/* Carrier specific ANL */
.anl .red1 {
	color: #ffffff; /*@FFFFFF*/
}

/* Carrier specific CNC */
.cnc #navigation #icon-home .icon {
	color: #184894;
}
/* Carrier specific DELMAS */

/* Carrier specific USL */

.usl #navigation #icon-home .icon {
	color: #184894;
}

/* Table to manage subscriptions */
.manage-sub-table,
.manage-sub-table td,
.manage-sub-table th,
.manage-sub-table .sep td {
	border-color: #e5e5e5;
}

	.manage-sub-table th {
		background-color: #e5e5e5;
	}


/* Messages (14.02) */
.messages {
	border-color: #f5f5f5;
}

.message-new:after {
	background-color: #d81772;
}
/* Magenta icon on white disc (position: bottom left of .message-title) */
.message-title .icon-rounded-secondary {
	color: #d81772;
}

.message-icon-enabled {
	border-bottom-color: #184894;
}
/* Focus/hover state */
.message-icon .icon:focus,
.message-icon:hover .icon {
	color: #ffffff;
	background-color: #184894;
}
/* No focus/hover if disabled */
.message-icon-disabled .icon:focus,
.message-icon-disabled:hover .icon {
	color: #858fae;
	background-color: #f5f5f5;
	cursor: default;
}

.subscription-icon-main.message-icon-disabled .icon:focus,
.subscription-icon-main.message-icon-disabled:hover .icon {
	background-color: #ececec;
}
/* Gray triangle should become blue or other main color of each Carrier (no effect possible on focus, not that important) */
.subscription-icon-main:hover:after {
	border-left-color: #184894;
}

.subscription-icon-main.message-icon-disabled:hover:after {
	border-left-color: #ececec;
}
/* RTC 94787 */
.message .message-btn-decoration {
	background-color: #184894;
}


/* specific to 14.02 : sidebar right */
.large-bd-top10 {
	border-color: #FFFFFF;
}


/* ==DASHBOARD */
.dashboard {
	background: #FFFFFF;
}

	.dashboard.empty {
		border-color: #b3b3b3;
	}

	.dashboard .db-inner,
	.dashboard.db-loading {
		border-color: #dfdfdf;
	}
/* @BUGFIX 24710 Target zone of a drag&drop. Visually adds an outline around the widget targetted, 5px away from it */
.db-target {
	border-color: #4C4C4C;
}

.dashboard.hollow .db-inner {
	border-color: #184894;
	background-color: #FFFFFF; /* @BUGFIX 24710 Must have a background when dragged over other widgets */
}

.db-header {
	background-color: #2563d9; /*@2563D9*/
}

.db-header-close,
.db-header-adds,
.db-header-drag,
.db-header-mode {
	border-color: rgba(255,255,255,.3);
}

	.db-header-close .icon,
	.db-header-adds .icon,
	.db-header-mode .icon,
	.db-header-title,
	.db-filter-link,
	.db-banner-nb {
		color: #FFFFFF;
	}

.db-tab {
	border-color: #DFDFDF;
	background-color: #F0F0F0;
}

.db-tab-current {
	border-bottom-color: #FFFFFF;
	background-color: #FFFFFF;
}

.db-tabs a {
	color: #4C4C4C;
}

.db-nav .db-nav-prev,
.db-nav .db-nav-next,
.db-nav, /* RQM 31752 - TILES NEWS && LOCAL NEWS - problem with border-bottom if nav hidden / all .db-nav now have a border-top */
.db-temp {
	border-color: #DFDFDF;
}

	.db-nav .db-nav-link {
		background-color: #FAFAFA;
	}

		.db-nav .db-nav-link:focus,
		.db-nav .db-nav-link:hover,
		.db-nav .db-nav-link.opened {
			background: #FFFFFF;
			color: #4C4C4C;
		}

.db-nav-item {
	background: #FFFFFF;
	border-color: #DFDFDF;
}
/* RQM 30022 - DSH - New Design for Favorite Link inside Tile Element / Dropdown goes up below title, with coloured bottom border of 2px. No dropdown in .db-turquoise */
.db-dropdown .jq-dd-action-link-container a {
	background: #FFFFFF;
	border-color: transparent #DFDFDF #184894 #DFDFDF;
}

.db-purple .db-dropdown .jq-dd-action-link-container a {
	border-bottom-color: #5C3492;
}

.db-pink .db-dropdown .jq-dd-action-link-container a {
	border-bottom-color: #d81772;
}

.db-darkgrey .db-dropdown .jq-dd-action-link-container a {
	border-bottom-color: #4C4C4C;
}

.db-turquoise .db-dropdown .jq-dd-action-link-container a {
	border-bottom-color: #13A1A1; /* RQM 30255 - DSH - Tile bottom border prb color / Green border was lacking (no example in page 15.02) */
}

.db-dropdown .dd-action-like a {
	border-top-color: #DFDFDF;
	color: #2563d9;
	background: #FAFAFA;
}

.db-dropdown .dd-action-like .icon {
	color: #2563d9;
}

.db-table,
.db-status-table {
	background: #FFFFFF;
}

	.db-status-table th {
		border-bottom-color: #E7E7E7;
	}

	.db-status-table td {
		border-top-color: #E7E7E7;
	}

/* Shipment table */
.db-shipment-table th {
	border-bottom-color: #E7E7E7;
}

/* Dashboard : banner */
.dashboard-banner,
.db-banner-to-close {
	background: #F8F8F8;
	border-color: #E6E6E6;
}

.db-banner-title {
	background: #EEEEEE;
	border-color: #E6E6E6;
}

.db-list-item:hover {
	background: #FAFAFA;
}
/* RQM 31752 - TILES NEWS && LOCAL NEWS - problem with border-bottom if nav hidden / first .db-list-item doesn't have any border */
.db-list-item + .db-list-item {
	border-color: #E7E7E7;
}

/* filter */
.db-filter-item {
	color: #FFFFFF;
	background: #184894;
}


	/* Dashboards colors */
	.db-purple .db-header,
	.db-filter-item.db-purple {
		background-color: #5C3492;
	}
/* purple */
.hollow.db-purple .db-inner {
	border-color: #5C3492;
}

.db-pink .db-header,
.db-filter-item.db-pink {
	background-color: #D81772;
}
/* pink */
.hollow.db-pink .db-inner {
	border-color: #D81772;
}

.db-turquoise .db-header,
.db-filter-item.db-turquoise {
	background-color: #13A1A1;
}
/* blue */
.hollow.db-turquoise .db-inner {
	border-color: #13A1A1;
}

.db-darkgrey .db-header,
.db-filter-item.db-darkgrey {
	background-color: #4C4C4C;
}
/* gray */
.hollow.db-darkgrey .db-inner {
	border-color: #4C4C4C;
}

/* when dropdown is active */
.dashboard.jq-dd-activated .jq-dropdown .jq-dd-action-link-container a,
.dashboard.jq-dd-activated .jq-dropdown .jq-dd-list-container ul {
	border-color: #184894; /* default - dark blue */
}

.dashboard.jq-dd-activated.db-turquoise .jq-dropdown .jq-dd-action-link-container a,
.dashboard.jq-dd-activated.db-turquoise .jq-dropdown .jq-dd-list-container ul {
	border-color: #13A1A1; /* blue */
}

.dashboard.jq-dd-activated.db-pink .jq-dropdown .jq-dd-action-link-container a,
.dashboard.jq-dd-activated.db-pink .jq-dropdown .jq-dd-list-container ul {
	border-color: #D81772; /* pink */
}

.dashboard.jq-dd-activated.db-darkgrey .jq-dropdown .jq-dd-action-link-container a,
.dashboard.jq-dd-activated.db-darkgrey .jq-dropdown .jq-dd-list-container ul {
	border-color: #4C4C4C; /* gray */
}

.dashboard.jq-dd-activated.db-purple .jq-dropdown .jq-dd-action-link-container a,
.dashboard.jq-dd-activated.db-purple .jq-dropdown .jq-dd-list-container ul {
	border-color: #5C3492; /* purple */
}

.dashboard .jq-dropdown .jq-dd-list-container a:hover,
.dashboard .jq-dropdown .jq-dd-list-container a:focus {
	background-color: #2d75ff !important;
	color: #FFFFFF;
}

	.dashboard .jq-dropdown .jq-dd-list-container a:hover .icon,
	.dashboard .jq-dropdown .jq-dd-list-container a:focus .icon {
		color: #FFFFFF;
	}
/* #30022 - DSH - New Design for Favorite Link inside Tile Element / Lighter background on .active item of dropdown */
.dashboard .jq-dropdown .jq-dd-list-container a.active {
	background: #DFDFDF;
}

.loading-data-title a {
	color: #d81772;
}
/* pink */


#social-network .icon {
	color: #767676;
}

/* RQM 25450 - new booking request page */
.banner-bkg-cargos > p {
	border-color: #184894;
}

.ico-container label,
.ico-container_inner .ico-container_label {
	color: #184894; /*@184894*/
}

.ico-container .icon-check {
	color: #2563d9; /*@2563D9*/
}

.ico-container .jq-wrap-check:hover .icon-bg,
.ico-container .checked ~ .icon-bg,
.ico-container_inner .icon-bg,
.ico-container.is-multiple .ico-container_inner:after {
	border-color: #2563d9; /*@2563D9*/
}

.ico-container input ~ .banner-bkg-small-lengthtype {
	background: #dfdfdf;
}

.ico-container .banner-bkg-small-lengthtype,
.ico-container .jq-wrap-check:hover input ~ .banner-bkg-small-lengthtype,
.ico-container .checked ~ .banner-bkg-small-lengthtype {
	background: #2563d9; /*@2563D9*/
}

.banner-bkg-cargos .icon-deco,
.banner-bkg-cargos > p:after {
	background: #184894; /*@184894*/
}
/* RQM 25450 - new booking request page -- disabled state*/
.ico-container.is-disabled label {
	color: #4c4c4c;
}

.quote-table .legend-container {
	color: #2563d9; /*@0068CE*/
}
/* RTC 88287 */
.subscription-alert,
.subscription-alert:after {
	border-color: #184894; /*@184894*/
}

	.subscription-alert.is-active {
		background-color: #2563d9; /*@2563D9*/
	}

		.subscription-alert.is-active .icon {
			color: #fff;
		}
/* RTC 97035 */
.mod-vgm-tabs {
	border-color: #2563d9; /*@2563D9*/
}

	.mod-vgm-tabs a {
		background: #184894; /*@184894*/
		border-color: #fff; /*@2563D9*/
	}

		.mod-vgm-tabs a:hover,
		.mod-vgm-tabs a.is-active {
			background: #2563d9;
		}

		.mod-vgm-tabs a.is-active {
			border-color: #2563d9;
		}

.mod-vgm-downloads .icon-round {
	background-color: #184894;
	color: #fff;
}

.zebra-table tr {
	background: #fff;
}

	.zebra-table tr.even {
		background: #f0f0f0;
	}
/* RTC 101835 */
.mod-vgm-calc > .icon,
.mod-vgm-calc > span > .icon {
	color: #CECECE;
}

.mod-vgm-calc.is-active > .icon,
.mod-vgm-calc.is-active > span > .icon {
	color: #2563d9;
}

.mod-vgm-calc.is-active > .mod-vgm-calc-input,
.mod-vgm-calc.is-active > span > .mod-vgm-calc-input {
	background-color: #2563d9;
	border-color: #2563d9;
	color: #fff;
}
/* RTC 94787 */
.corp-aside-icon {
	background-color: #184894;
}
/**/
.radionew__blue input:checked + .radionew-icon:before,
.radionew__blue input:checked + label .radionew-icon:before {
	border-color: #2d75ff;
}

.radionew__blue input:checked + .radionew-icon:after,
.radionew__blue input:checked + label .radionew-icon:after {
	background-color: #2d75ff;
}

/* RTC 104968 - new subscription to messages */
.subnew,
.subnew--count {
	border-color: #184894;
}

.subnew--count {
	color: #f5f5f5;
	background-color: #184894;
}

	.subnew--count.is-empty {
		color: #184894;
		background-color: transparent;
	}

.subnew--header .left {
	color: #184894;
}

.subnew--header .left {
	color: #184894;
}

.subnew .checkbox {
	color: #184894;
}
/* RTC 104968 - new checkbox */
.checknew input + label:before {
	color: #184894;
	border-color: #184894;
}
/* RTC 104968 - new switch */
.switchon input + label:before {
	border-color: #184894;
	background-color: #f5f5f5;
}

.switchon input:checked + label:before {
	background-color: #184894;
}

.switchon input + label:after {
	background-color: #184894;
}

.switchon input:checked + label:after {
	background-color: #f5f5f5;
}

.switchon--indicator span:first-child {
	color: #f5f5f5;
}

.switchon--indicator span:last-child {
	color: #184894;
}
/* another color */
.switchon.is-linkcolor input + label:before {
	border-color: #2d75ff;
}

.switchon.is-linkcolor input:checked + label:before {
	background-color: #2d75ff;
}

.switchon.is-linkcolor input + label:after {
	background-color: #2d75ff;
}

.switchon.is-linkcolor input:checked + label:after {
	background-color: #f5f5f5;
}

.switchon.is-linkcolor .switchon--indicator span:last-child {
	color: #2d75ff;
}

/* RTC 104968 - colors for new subscription to messages */
/* - for purple */
.subnew.subnew__purple,
.subnew__purple .subnew--count {
	border-color: #5c3492;
}

.subnew__purple .subnew--count {
	color: #f5f5f5;
	background-color: #5c3492;
}

	.subnew__purple .subnew--count.is-empty {
		color: #5c3492;
		background-color: transparent;
	}

.subnew__purple .subnew--header .left {
	color: #5c3492;
}

.subnew__purple .checknew input + label:before {
	color: #5c3492;
	border-color: #5c3492;
}

.subnew__purple .checknew {
	color: #5c3492;
}

.subnew__purple .switchon input + label:before {
	border-color: #5c3492;
	background-color: #f5f5f5;
}

.subnew__purple .switchon input:checked + label:before {
	background-color: #5c3492;
}

.subnew__purple .switchon input + label:after {
	background-color: #5c3492;
}

.subnew__purple .switchon input:checked + label:after {
	background-color: #f5f5f5;
}

.subnew__purple .switchon--indicator span:first-child {
	color: #f5f5f5;
}

.subnew__purple .switchon--indicator span:last-child {
	color: #5c3492;
}

.subnew__purple .is-subnew-color {
	color: #5c3492;
}
/* - for turquoise */
.subnew.subnew__turquoise,
.subnew__turquoise .subnew--count {
	border-color: #13a1a1;
}

.subnew__turquoise .subnew--count {
	color: #f5f5f5;
	background-color: #13a1a1;
}

	.subnew__turquoise .subnew--count.is-empty {
		color: #13a1a1;
		background-color: transparent;
	}

.subnew__turquoise .subnew--header .left {
	color: #13a1a1;
}

.subnew__turquoise .checknew input + label:before {
	color: #13a1a1;
	border-color: #13a1a1;
}

.subnew__turquoise .checknew {
	color: #13a1a1;
}

.subnew__turquoise .switchon input + label:before {
	border-color: #13a1a1;
	background-color: #f5f5f5;
}

.subnew__turquoise .switchon input:checked + label:before {
	background-color: #13a1a1;
}

.subnew__turquoise .switchon input + label:after {
	background-color: #13a1a1;
}

.subnew__turquoise .switchon input:checked + label:after {
	background-color: #f5f5f5;
}

.subnew__turquoise .switchon--indicator span:first-child {
	color: #f5f5f5;
}

.subnew__turquoise .switchon--indicator span:last-child {
	color: #13a1a1;
}

.subnew__turquoise .is-subnew-color {
	color: #13a1a1;
}
/* - for blue */
.subnew.subnew__blue,
.subnew__blue .subnew--count {
	border-color: #2563d9;
}

.subnew__blue .subnew--count {
	color: #f5f5f5;
	background-color: #2563d9;
}

	.subnew__blue .subnew--count.is-empty {
		color: #2563d9;
		background-color: transparent;
	}

.subnew__blue .subnew--header .left {
	color: #2563d9;
}

.subnew__blue .checknew input + label:before {
	color: #2563d9;
	border-color: #2563d9;
}

.subnew__blue .checknew {
	color: #2563d9;
}

.subnew__blue .switchon input + label:before {
	border-color: #2563d9;
	background-color: #f5f5f5;
}

.subnew__blue .switchon input:checked + label:before {
	background-color: #2563d9;
}

.subnew__blue .switchon input + label:after {
	background-color: #2563d9;
}

.subnew__blue .switchon input:checked + label:after {
	background-color: #f5f5f5;
}

.subnew__blue .switchon--indicator span:first-child {
	color: #f5f5f5;
}

.subnew__blue .switchon--indicator span:last-child {
	color: #2563d9;
}

.subnew__blue .is-subnew-color {
	color: #2563d9;
}
/* - for pink */
.subnew.subnew__pink,
.subnew__pink .subnew--count {
	border-color: #d81772;
}

.subnew__pink .subnew--count {
	color: #f5f5f5;
	background-color: #d81772;
}

	.subnew__pink .subnew--count.is-empty {
		color: #d81772;
		background-color: transparent;
	}

.subnew__pink .subnew--header .left {
	color: #d81772;
}

.subnew__pink .checknew input + label:before {
	color: #d81772;
	border-color: #d81772;
}

.subnew__pink .checknew {
	color: #d81772;
}

.subnew__pink .switchon input + label:before {
	border-color: #d81772;
	background-color: #f5f5f5;
}

.subnew__pink .switchon input:checked + label:before {
	background-color: #d81772;
}

.subnew__pink .switchon input + label:after {
	background-color: #d81772;
}

.subnew__pink .switchon input:checked + label:after {
	background-color: #f5f5f5;
}

.subnew__pink .switchon--indicator span:first-child {
	color: #f5f5f5;
}

.subnew__pink .switchon--indicator span:last-child {
	color: #d81772;
}

.subnew__pink .is-subnew-color {
	color: #d81772;
}

/* Decoration only visible on mobile for the booking request > route finder part */
.bkg-travel-deco {
	background: #184894;
}

	.bkg-travel-deco:before,
	.bkg-travel-deco:after {
		border-color: #184894;
	}

/* invoice payment */
.invoice-payment--modes label input:checked ~ i {
	border-color: #2563d9;
}

/* custom buttons in the k-autocomplete */
.k-must-autocomplete-button button {
	background: #f5f5f5;
}

	.k-must-autocomplete-button button:hover,
	.k-must-autocomplete-button button:active {
		color: #fff;
		background: #2563d9;
	}

	.k-must-autocomplete-button button .icon {
		color: inherit;
	}

/* booking upload */
.booking-upload--status,
.booking-upload--icons .icon,
.booking-upload--icons .k-upload-status .k-button .k-icon {
	color: #184894;
}